/*
    Created on : 16/10/2018, 17:00
    Author     : William Freire
*/

body {
    overflow-x  : unset;
    font-family : Verdana;
    font-size   : 14px;

    /* AJUSTE NECESSARIO PARA QUE O FOOTER NAO SOBRESCREVA O CONTEÚDO EM ALGUMAS PAGINAS */
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column;
    /* height: 100vh; */ /* Use height insted of min-height for IE 10/11.  - SE INSERIR ESTA LINHA, O MENU SUPERIOR PARA DE FUNCIONAR ADEQUADAMENTE */
    /* FIM AJUSTE NECESSARIO PARA QUE O FOOTER NAO SOBRESCREVA O CONTEÚDO EM ALGUMAS PAGINAS */
}

.cursor_link {
    cursor: pointer;
}

/*--- Header Governo ---*/
#govsph-topbarGlobal {
    z-index: 1 !important;
}

ul.govsph-links-redes-sociais > li {
    font-size: 0 !important;
}
/*--- FIM Header Governo ---*/

/*--- Header ---*/
#img_header {
    background-color: #262626;
}

.icon-bar {
    position          : fixed;
    right             : 0;
    top               : 240px;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%);
    z-index           : 10;
}

.icon-bar a {
    display    : block;
    text-align : center;
    padding    : 10px;
    transition : all 0.3s ease;
    color      : #FFF;
    font-size  : 20px;
}

.icon-bar a:hover {
    background-color: #000;
}

.facebook {
    background : #3B5998;
    color      : #FFF;
}

.flickr {
    background : #F70080;
    color      : #FFF;
}

.twitter {
    background : #55ACEE;
    color      : #FFF;
}

.instagram {
    background : #E44160;
    color      : #FFF;
}

.youtube {
    background : #bb0000;
    color      : #FFF;
}

#header_logo {
    position : relative;
    margin   : 5px 0 5px 2px;
}

#wrapper_logo {
    text-align: left;
}

#wrapper_search {
    text-align: right;
}

#box_search {
    display        : inline-block;
    padding-bottom : 5px;
    position       : relative;
    bottom         : -20px;
    margin-bottom  : 5px;
}

#box_search form {
    margin-bottom: 0;
}

#box_search .input-holder {
    position: relative;
}

#box_search .input-holder #search {
    display          : inline-block;
    border           : 1px solid;
    height           : 38px;
    padding          : 10px 20px;
    border-radius    : 8px;
    width            : 440px;
}

#box_search .input-holder label {
    position   : absolute;
    top        : 1px;
    right      : 1px;
    cursor     : pointer;
    text-align : center;
}

#box_search .input-holder label i {
    top       : 6px;
    left      : 10px;
    color     : #000;
    font-size : 26px;
    position  : absolute;
}

#box_search .input-holder input[type="submit"] {
    color          : #000;
    border         : 0;
    padding        : 18px 20px;
    font-size      : 11px;
    font-weight    : 700;
    line-height    : 0;
    text-indent    : -999px;
    border-radius  : 8px;
    text-transform : uppercase;
}

#box_search .submit-bgcolor {
    background-color: #FFF;
}

#box_search .submit-bgcolor:hover {
    background-color: #F2F2F2;
}

#site-antigo {
}

#acesse-antigo-site {
	margin-top: 25px;
}

#acesse-antigo-site a {
	color: #ffffff;
	font-size: .75rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: 25px;
	border: 3px solid #ffffff;
	padding: 10px ; 
}

#menu #btn_menu {
    cursor     : pointer;
    z-index    : 2;
    position   : absolute;
    bottom     : -20px;
    list-style : none;
}

#menu #btn_menu .btn-danger {
    font-family      : Verdana;
    background-color : #9C441B;
    border-color     : #9C441B;
}

#menu_main {
    background-color : #333333;
    color            : #FFFFFF;
}

#menu_main .space_menu {
    padding-top    : 25px;
    min-height     : 200px;
    padding-bottom : 25px;
}

#menu_main #txt_area_servidor {
    padding-bottom: 25px;
}

#menu_main .list-group-item {
    background-color : #333333;
    text-align       : left;
    border-top       : 0;
    border-right     : 0;
    border-bottom    : 0;
    border-left      : 0;
    padding-left     : 0;
    padding-bottom   : 0;
    margin-bottom    : 0;
}

#menu_main .list-group-item:hover {
    font-weight: bold;
}

#menu_main .list-group-item-action {
    color: #FFFFFF;
}

#menu_main .list_border_bottom {
    font-family   : Verdana;
    border-bottom : 2px solid #FFFFFF;
    font-weight   : bold;
}
/*--- FIM Header ---*/

/*--- Home ---*/
#banner_container {
    padding  : 0;
    overflow : hidden;
}

#banner_container #video-viewport video {
    display : block;
    width   : 100%;
    height  : auto;
}

.linha_home {
    width  : 70%;
    border : 1px solid;
}

#box_banner{
    border: 1px solid #9c441b;
    margin-top: 50px;
}

#box_banner img{
    box-shadow: 5px 5px #9c441b;

}

/* Servicos */
#box_title_servico {
    padding: 20px;
}

#box_title_servico #txt_servicos {
    border-left  : 6px solid #393F57;
    padding-left : 8px;
}

#box_title_servico #txt_servicos h3 {
    font-family   : Verdana;
    margin-bottom : 0;
}

#box_servicos {
    padding: 0 20px 20px;
}

#box_servicos #box_cidadao {
    min-height          : 350px;
    background          : url('../imgs/box_home_cidadao_600x389.png') no-repeat;
    background-size     : cover;
    background-position : center;
}

#box_servicos h6 {
    font-family      : Verdana;
    padding          : 5px 10px;
    text-align       : right;
    margin-left      : -35px;
    color            : #FFFFFF;
    background-color : #9C441B;
    font-weight      : 500;
    font-size        : 15px;
}

#box_servicos .link_servico {
    font-family      : Verdana;
    background-color : #393F57;
    min-width        : 310px;
    margin           : 15px -21px;
    padding          : 10px;
    font-size        : 14px;
    font-weight      : normal;
}

#box_servicos .badge{
    border-radius: 0;
}

#box_servicos #box_adm_pub {
    min-height          : 350px;
    background          : url('../imgs/box_home_adm_mun_600x366.png') no-repeat;
    background-size     : cover;
    background-position : center;
}
/* End Servicos */

/* Noticias */
#box_title_noticia {
    padding: 20px;
}

#box_title_noticia #txt_noticias {
    border-left  : 6px solid #393F57;
    padding-left : 8px;
}

#box_title_noticia #txt_noticias h3 {
    font-family   : Verdana;
    margin-bottom : 0;
}

#box_noticias {
    padding: 0 20px 20px;
}

#box_noticias div:first-child {
    margin-bottom: 10px;
}

#box_noticias .cards_noticias {
    height: 400px;
}

#box_noticias .cards_noticias img {
    cursor: pointer;
    max-height: 300px;
}

#box_noticias .cards_noticias .title_noticia {

}

#box_noticias .cards_noticias .title_noticia a {
    color           : #6c757d !important;
    text-decoration : none;
}

#box_noticias .card-body {
    padding: 0.5rem 1rem 0;
}

#btn_noticia_home {
    padding-right: 35px;
}
/* End Noticias */

/* Diversos */
#box_diversos {
    margin-top : 20px;
    padding    : 0 20px 20px;
}

#box_diversos .marg-bott-20 {
    margin-bottom: 20px;
}

#box_diversos .card-body {
    font-family : Verdana;
    font-size   : 14px;
    min-height  : 210px;
    height      : 210px;
    overflow    : auto;
}

#box_diversos .title_diverso {
    font-family      : Verdana;
    position         : relative;
    z-index          : 1;
    padding          : 10px 10px 0;
    text-align       : center;
    color            : #FFFFFF;
    width            : 100%;
    background-color : #444444;
    word-wrap        : break-word;
}

#box_diversos .title_diverso h6 {
    font-size: 15px;
}

#box_diversos .title_diverso h6:hover {
    font-weight: bold;
}

.ico_novo {
    position   : absolute;
    top        : -25px;
    padding    : 10px 10px 0;
    text-align : right;
    width      : 100%;
    z-index    : 2;
}

#btn_whatsapp {
    font-size     : 11px;
    position      : relative;
    box-sizing    : border-box;
    padding       : 1px 8px 1px 6px;
    color         : #FFFFFF;
    border-radius : 3px;
    font-weight   : 500;
    cursor        : pointer;
    margin-top    : -12px;
}

#btn_whatsapp i {
    font-size: 14px;
}

.tit_form_acervo {
    margin-bottom    : 0;
    padding          : 8px;
    text-align       : left;
    font-size        : 16px;
    font-weight      : bold;
    background-color : #393f57;
    color            : #FFFFFF;
}

#result_pesq {
    margin-top : 25px;
    display    : none;
}

.tbl_pesq {
    font-size: 14px;
}

.modal {
    overflow : auto !important;
    z-index  : 1075 !important;
}

.form-control::-moz-placeholder {
    color   : #999999;
    opacity : 1;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.input-group-addon {
    padding     : 6px 12px !important;
    font-weight : bold !important;
}
/* End Diversos */

/* Paginacao */
.txt_total {
    font-weight   : bold;
    margin-bottom : 20px;
    text-align    : left;
}

.num_total {
    font-weight: 900;
}

#pagination {
    margin-top: 10px;
}
/* End Paginacao */

/*--- FIM Home ---*/


/* Login Certidao */
#sessao_usuario_certidao {
    padding-top   : 1px;
    font-weight   : bold;
    color         : #FFFFFF;
    padding-right : 1px;
}
/*--- FIM Login Certidao ---*/

/* Modal Login */
#mensagem_modal_termo {
    padding-right: 40px;
}

/* Header dos Modais*/
.modalF .modal-content .modal-header {
    background-color: #33b5e5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #FFF;
    border-bottom-color: #33b5e5;
    font-weight: bold;
}

.modalF .modal-header .close {
    color: #fff;
    z-index: 4;
}

/* Botoes dos modais de usuario*/

.modalF .btn-primary {
    background-color: #fff;
    border-color: #4285f4;
    border-radius: 2px;
    color: #4285f4;
    border: 2px solid;
}

.modalF .btn-primary:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: #4285f4;
    background-color: #fff;
    color: #4285f4;
}

.modalF .btn.btn-success{
    background-color: #4285f4;
    border-color: #4285f4;
    border-radius: 2px;
}

.modalF .btn.btn-success:hover {
    color: #ffffff;
    background-color: #346ac3;
    border-color: #346ac3;
}

.modalF .btn.btn-success:focus, 
.btn.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(66,133,244,0.7);
}

.modalF .btn.btn-success.disabled {
    background-color: #4285f4;
    border-color: #4285f4;
}

.modalF .btn.btn-success:not(:disabled):not(.disabled):active,
.btn.btn-success:not(:disabled):not(.disabled).active {
    background-color: #346ac3;
    border-color: #679df6;
}

.modalF .btn.btn-success.dropdown-toggle {
    background-color: #346ac3;
    border-color: #679df6;
}

.modalF .btn.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(66,133,244,0.7);
}

.modalF .btn.btn-success:not(:disabled):not(.disabled):active:focus,
.btn.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(66,133,244,0.7);
}

.modalF .input-group-text .fa .fas .far {
    font-size: 18px;
}

#abrir_modal_evento{
    color: white;
}

.login-box-body, .register-box-body {
    width         : 450px;
    margin        : 0 auto;
    padding       : 10px 10px 5px;
    border-top    : 0;
    color         : #666666;
}

.login-box-body .has-feedback {
    position: relative;
}

.login-box-body .form-control-feedback {
    position       : absolute;
    top            : 0;
    right          : -25px;
    z-index        : 2;
    width          : 34px;
    height         : 34px;
    line-height    : 34px;
    text-align     : center;
    pointer-events : none;
}

.or-seperator {
    margin: 20px 0 10px;
    text-align: center;
    border-top: 1px solid #ccc;
}
.or-seperator i {
    padding: 0 10px;
    background: #fff;
    position: relative;
    top: -11px;
    z-index: 1;
}
.social-btn .btn {
    margin: 10px 0;
    font-size: 15px;
    text-align: left;
    line-height: 24px;
}
.social-btn .btn i {
    float: left;
    margin: 4px 15px  0 5px;
    min-width: 15px;
}

#customBtn {
    display: inline-block;
    background: #4285f4;
    color: white;
    width: 240px;
    border-radius: 1px;
    box-shadow: 1px 1px 1px #4285f4;
    white-space: nowrap;
    margin-bottom: 10px;
}

#customBtn:hover {
    cursor: pointer;
}

span.label {
    font-weight: bold;
}

span.icon {
    background: url('https://google-developers.appspot.com/identity/sign-in/g-normal.png') #fff 5px 50% no-repeat;
    display: inline-block;
    z-index: 4;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    padding: 15px;
    border: #4285f4 1px solid;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 24px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}

#fSign {
    width: 50%;
}

#message_modal {
    text-align: center !important;

}

#check_success {
    color: #00c851;
}

#check_error:before {
    color: #D21919;
}

#mensagem_modal {
    text-align: center;
    font-size: 1.5em;
}

#check_success_cert {
    color: #00c851;
}

#check_error_cert:before {
    color: #D21919;
}

#mensagem_modal_cert {
    text-align: center;
    font-size: 1.5em;
}

#sessao_usuario_evento{
    display: inline-block;
    text-align: right;
    width: 100%;
}

/* Fim Login */

/*--- Footer ---*/
#footer_main {
    display             : flex;
    align-items         : center;
    justify-content     : center;
	 background-image    : url('../imgs/predio_degrade_2400x548.png');
	 background-repeat   : repeat-y;
	 background-position : top left;
	 background-size     : auto;
    background-color    : #333333;
    color               : #FFFFFF;
	 margin              : 0;
}

#footer_main .card {
    background-color : rgba(51, 51, 51, .1);
    border           : 0;
}

#footer_main .card .card-header {
    font-family      : Verdana;
    font-size        : 1.6em;
    border-bottom    : 3px solid rgba(0,0,0,.3);
    background-color : rgba(51, 51, 51, .1);
}

#footer_main .card .card-text {
}

#footer_main .card .card-text a {
    color: #FFFFFF;
}

#footer_main .card .card-text .badge {
    padding: 10px 10px 8px;
}

#footer_main .card .card-text .badge {
    padding: 10px 10px 8px;
}

.btn_acervo {
    background-image: linear-gradient(to right, #23384e , #23384e);
    color: white;
}

/* MODAL NEWSLETTER*/
#box-newsletter {
    padding          : 20px 30px 1px;
    border-radius    : 10px;
}

#change_img_news {
    cursor : pointer;
    color  : #0063dc;
}

#msg_sucesso_news {
    display    : none;
    text-align : center !important;
}

#msg_sucesso_news #check_news{
    color: #00c851;
}

#msg_sucesso_news #text_news{
    font-size: 1rem;
}

#msg_erro_news {
    display    : none;
    text-align : center !important;
}

#modal_newsletter .modal-body p {
    text-align  : center;
    font-weight : bold;
}
/* FIM MODAL NEWSLETTER*/

.card-body {
    -ms-flex : 1 1 auto;
    flex     : 1 1 auto;
    padding  : 1.25rem;
}

/* End Footer */
/*--- FIM Footer ---*/

/*--- Banner Interno ---*/
#banner_interno {
    padding  : 0;
    overflow : hidden;
}

#banner_interno #banner_int_fundo #title_interno {
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    margin          : 0 0 0 5vw;
}

#banner_interno #banner_int_fundo #title_interno h1 {
    font-family : Verdana;
    font-weight : 600;
    color       : #FFFFFF;
    text-align  : left;
    font-size   : 4em;
    text-shadow : 2px 2px #000;
    opacity     : 0.8;
}
/*--- FIM Banner Interno ---*/

/*--- Breadcrumb ---*/
.breadcrumb {
    padding          : 0 0 1.5rem 0;
    background-color : #FFFFFF;
    margin-bottom    : 0;
    font-size        : 14px;
}

.breadcrumb-item {
    z-index: 100;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}
/*--- FIM Breadcrumb ---*/

/*--- conteudo ---*/
.conteudo_pagina {
    margin-top    : 20px;
    margin-bottom : 20px;
    min-height    : 400px;
}

.conteudo_pagina h1 {
    font-size     : 2.5rem;
    text-align    : left;
    margin-bottom : 20px;
}

h5.subtitulo {
    font-weight: bold;
}

h6.subtitulo_nivel_2 {
    font-weight: bold;
}
/*--- FIM conteudo ---*/

/*--- Botão de voltar ao topo ---*/
.smoothscroll-top {
    position         : fixed;
    opacity          : 0;
    visibility       : hidden;
    overflow         : hidden;
    text-align       : center;
    z-index          : 99;
    background-color : #9c441b;
    color            : #fff;
    width            : 90px;
    height           : 44px;
    line-height      : 44px;
    right            : 25px;
    bottom           : -25px;
    border-radius    : 5px;
    transition       : all .5s ease-in-out;
    transition-delay : .2s;
}

.smoothscroll-top:hover {
    background-color : #e5926b;
    color            : #FFFFFF;
    transition       : all .2s ease-in-out;
    transition-delay : 0s;
}

.smoothscroll-top.show {
    visibility : visible;
    cursor     : pointer;
    opacity    : 1;
    bottom     : 80px;
}

.smoothscroll-top i.fa {
    line-height: inherit;
}

.smoothscroll-top .txt_topo {
    font-size   : 14px;
    font-weight : bold;
}
/*--- FIM Botão de voltar ao topo ---*/


/*============================= CLASSES GENERICAS ============================= */

.controls > .fa, 
.controls > .fab, 
.controls > .fal, 
.controls > .far, 
.controls > .fas {
    float    : right;
    top      : -60px;
    position : relative;
}

label {
    max-width   : 100%;
    font-weight : 700;
}

img.borda_sombreada {
    box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding    : 0 !important;
}

.center {
    display: block;
    margin: 0 auto;
}

p.cabecalho_ul {
    margin-bottom: 0;
}

.ocultar {
    display: none;
}

.gradiente_cinza {
    background-image: linear-gradient(to right, #eeeeee, #fbfbfb);
}

.badge_apesp {
    color: #fff;
    background-color: #007bff;
    font-size: 14px;
    font-weight: normal;
}

/*--- MARCADORES DE LISTAS NUMERADAS ---*/
ol.negrito_tipo_I {
    counter-reset: item_tipo_I;
}

ol.negrito_tipo_I > li {
    padding-top: .5rem;
    display: block;
}

ol.negrito_tipo_I > li:before {
    content           : counter(item_tipo_I,upper-roman) " - ";
    counter-increment : item_tipo_I;
    font-weight       : bold;
}

ol.negrito_tipo_a {
    counter-reset: item_tipo_a;
}

ol.negrito_tipo_a > li {
    padding-top: .5rem;
    display: block;
}

ol.negrito_tipo_a > li:before {
    content           : counter(item_tipo_a,lower-alpha) ") ";
    counter-increment : item_tipo_a;
    font-weight       : bold;
}

ol.negrito_tipo_1 {
    counter-reset: item_tipo_1;
}

ol.negrito_tipo_1 > li {
    padding-top: .5rem;
    display: block;
}

ol.negrito_tipo_1 > li:before {
    content           : counter(item_tipo_1) ". ";
    counter-increment : item_tipo_1;
    font-weight       : bold;
}
/*--- FIM MARCADORES DE LISTAS NUMERADAS ---*/


/*--- MARCADORES "CHECK" DE LISTAS ---*/
ul.marcador_check {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.marcador_check > li {
    background      : url('../icones/icone_check_20x20.png') no-repeat left top;
    background-size : 1em 1em;
    height          : 2.5em; 
    padding-left    : 1.5em;
}
/*--- FIM MARCADORES "CHECK" DE LISTAS ---*/

/*--- LISTA COM ITENS ESPACADOS, SEM MARCADORES ---*/
ul.itens_espacados_sem_marcador {
    list-style-type: none;
}

ul.itens_espacados_sem_marcador li {
    padding: .5em 0;
}

ul.itens_espacados_sem_marcador li:first-of-type {
    padding-top: 0;
}

ul.itens_espacados_sem_marcador li:last-of-type {
    padding-bottom: 0;
}
/*--- FIM LISTA COM ITENS ESPACADOS, SEM MARCADORES ---*/

/*--- NAV-TAB (ABAS) ---*/
.nav-tabs_apesp > .nav-item > .active {
    background-color : #f5f5f5;
    border-color     : #dee2e6 #dee2e6 #f5f5f5;
}

.tab-content_apesp > .tab-pane {
    background-color : #f5f5f5;
    padding          : 1rem 2rem;
}

.tab-content_apesp > .tab-pane > ul {
    padding-left  : 0;
    margin-bottom : 0;
}

.nav-tabs_apesp > .nav-item > .nav-link {
    font-weight: bold;
}
/*--- FIM NAV-TAB (ABAS) ---*/


/*--- ACCORDION ---*/
.TabsAccordionAPESP a.active,
.TabsAccordionAPESP a.nav-link:hover {
    background-color : #aaaaaa;
    color            : #ffffff;
}

.TabsContentAccordionAPESP .tab-pane > ul {
    padding-left  : 0;
    margin-bottom : 0;
}

.TabsContentAccordionAPESP .tab-pane {
}

.accordion {
    padding-bottom: 1rem;
}

.AccordionAPESP .highlight {
    color      : #ffffff !important;
    background : #393f57 !important;
}

.AccordionAPESP .highlight_aria {
    color : #ffffff !important;
}

.AccordionAPESP .card-header {
    background-image: linear-gradient(to right, #d8d8d8, #f2f2f2);
}

.AccordionAPESP .card-header:hover {
    background : #f8f8f8;
    color      : #393f57;
}

.AccordionAPESP .card-header .btn {
    font-weight : 500;
    width       : 100%;
    text-align  : left;
    position    : relative;
    top         : -2px;
    border      : 0;
    background  : transparent;
    white-space : normal;
}

.AccordionAPESP .card-header .card-header_texto {
    float    : left!important;
    position : relative;
    width    : 93%;
}

.AccordionAPESP .card-header i.fas {
    float       : right;
    font-size   : 1.3rem;
    font-weight : bold;
    position    : relative;
    top         : 5px;
}
/*--- FIM ACCORDION ---*/

/* Validador Form */
.mg-right {
    right: -25px !important;
}

.has-error .form-control-feedback {
    color: #dd4b39;
}

.has-success .form-control-feedback {
    color: #00a65a;
}

.form-group.has-error label {
    color: #dd4b39;
}

.form-group.has-success label {
    color: #00a65a;
}

.form-group.has-error .help-block {
    color: #dd4b39;
}

.form-group.has-success label {
    color: #00a65a;
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
    border-color : #dd4b39;
    box-shadow   : none;
}

.form-group.has-success .form-control,
.form-group.has-success .input-group-addon {
    border-color : #00a65a;
    box-shadow   : none;
}
/* Fim Validador Form */

/*============================= FIM CLASSES GENERICAS ============================= */

@media (max-width: 360px) {
    /* Cabeçalho APESP Home */

    #wrapper_logo {
        text-align: center;
    }

    #wrapper_search {
        text-align    : center;
        margin-bottom : 20px;
    }

    #box_search {
        position      : relative;
        margin-bottom : 30px;
    }

    #box_search .input-holder #search {
        width         : 88vw;
        align-content : center;
    }

    #menu #btn_menu {
        bottom: -40px;
    }

    #menu_main .space_menu {
        padding-top: 0;
    }
    /* Fim Cabeçalho APESP Home */

    .title_diverso {
        width: 100%;
    }

    .ico_novo {
        width: 100%;
    }

    .smoothscroll-top {
        right: 44px;
    }

    .smoothscroll-top.show {
        bottom: 58px;
    }

    /* Noticias */
    #box_noticias .cards_noticias {
        height         : auto;
        padding-bottom : 10px;
    }
    /* Fim Noticias */

}

@media (max-width: 380px) {
    .login-box-body {
        padding-right: 23px;
        padding-left: 0px;
    }
}

@media (min-width: 361px) and (max-width: 479px) {
    /* Cabeçalho APESP Home */
    #wrapper_logo {
        text-align: center;
    }

    #wrapper_search {
        text-align    : center;
        margin-bottom : 20px;
    }

    #box_search {
        position      : relative;
        margin-bottom : 30px;
    }

    #box_search .input-holder #search {
        width         : 88vw;
        align-content : center;
    }

    #menu #btn_menu {
        bottom: -40px;
    }

    #menu_main .space_menu {
        padding-top: 0;
    }
    /* Fim Cabeçalho APESP Home */

    /* Icones Sociais */
    .icon-bar a {
        padding: 8px;
    }
    /* Fim Icones Sociais */

}

@media (min-width: 380px) and (max-width: 460px) {
    .login-box-body {
        padding-right: 0px;
        padding-left: 10px;
    }
}

@media (min-width: 480px) and (max-width: 599px) {
    /* Cabeçalho APESP Home */
    #wrapper_logo {
        text-align: center;
    }

    #wrapper_search {
        text-align    : center;
        margin-bottom : 20px;
    }

    #box_search {
        position      : relative;
        margin-bottom : 30px;
    }

    #box_search .input-holder #search {
        width         : 70vw;
        align-content : center;
    }

    #menu #btn_menu {
        bottom: -40px;
    }

    #menu_main .space_menu {
        padding-top: 0;
    }
    /* Fim Cabeçalho APESP Home */

    /* Icones Sociais */
    .icon-bar a {
        padding: 8px;
    }
    /* Fim Icones Sociais */

    /* Icone Topo */
    .smoothscroll-top {
        right: 40px;
    }

    .smoothscroll-top.show {
        bottom: 58px;
    }
    /* Fim Icone Topo */

}

@media (max-width: 575px) {
    #box_noticias .cards_noticias {
        height         : auto;
        padding-bottom : 10px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .title_diverso {
        width: 100%;
    }

    .ico_novo {
        width: 100%;
    }

    #box_search .input-holder #search {
        width         : 75vw;
        align-content : center;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    /* Cabeçalho APESP Home */
    #wrapper_logo {
        text-align: center;
    }

    #wrapper_search {
        text-align    : center;
        margin-bottom : 20px;
    }

    #box_search {
        position      : relative;
        margin-bottom : 30px;
    }

    #box_search .input-holder #search {
        width         : 50vw;
        align-content : center;
    }

    #menu #btn_menu {
        bottom: -40px;
    }

    #menu_main .space_menu {
        padding-top: 0;
    }
    /* Fim Cabeçalho APESP Home */

}

@media (max-width: 767px) {

    /* Header SP */
    .govsph-kebab {
        right: 10px !important;
    }
    /* Fim Header SP */

    #box_servicos #box_cidadao {
        margin-bottom: 20px;
    }

    #banner_int_fundo {
        background-image  : url('../imgs/banner_header_int_768x73.png');
        height            : 100px;
        background-repeat : no-repeat;
        background-size   : cover;
    }
    
    #banner_interno #banner_int_fundo #title_interno h1 {
    font-size   : 3em;

}

    #box_noticias .cards_noticias {
        height         : auto;
        padding-bottom : 10px;
    }

    .container{
        margin-top: 10px
    }
}

@media only screen and (max-width:768px) {
    .govsph-links-esq {
        display      : inline-flex !important;
        margin-top   : 4px !important;
        padding-left : 6px !important;
        margin-right : 14px !important;
    }

    #govsph-topbarGlobal #topbarLink.govsph-black,
    #govsph-topbarGlobal #topbarLink.govsph-blue,
    #govsph-topbarGlobal #topbarLink.govsph-gray,
    #govsph-topbarGlobal #topbarLink.govsph-white {
        width: 65% !important;
    }
}

@media (min-width: 768px) {
    #banner_int_fundo {
        background-image : url('../imgs/banner_header_int_1800x172.png');
        min-height       : 120px;
        background-repeat: no-repeat;
        background-size  : cover;
    }

    #box_search .input-holder #search {
        padding-left: 10px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 799px) {
    /* Cabeçalho APESP Home */
    #box_search .input-holder #search {
        width         : 38vw;
        align-content : center;
    }

    #menu_main .space_menu {
        padding-top: 0;
    }
    /* Fim Cabeçalho APESP Home */

    /* Noticias */
    #box_noticias .card-body {
        padding: 0.5rem 1rem 0.5rem;
    }

    #box_noticias .cards_noticias {
        height: auto;
    }
    /* Fim Noticias */
}

@media (min-width: 800px) and (max-width: 991px) {
    #box_search .input-holder #search {
        width         : 38vw;
        align-content : center;
    }

    #menu_main .space_menu {
        padding-top: 0;
    }

    /* Noticias */
    #box_noticias .card-body {
        padding: 0.5rem 1rem 0.5rem;
    }

    #box_noticias .cards_noticias {
        height: auto;
    }
    /* Fim Noticias */

    /* Rodape */
    #footer_main {
        background-image    : url('../imgs/predio_degrade_2400x548.png');
        background-repeat   : repeat-y;
        background-position : top left;
        background-size     : auto;
    }
    /* Fim Rodape */
}

@media (min-width: 992px) {
    /* Rodape */
    #footer_main {
        background-repeat   : no-repeat;
        background-position : center left;
        background-size     : contain;
    }
    /* Fim Rodape */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Cabeçalho APESP Home */
    #box_search .input-holder #search {
        width         : 30vw;
        align-content : center;
    }
    /* Fim Cabeçalho APESP Home */

    /* Noticia */
    #box_noticias {
        padding: 0 20px;
    }

    #box_noticias .cards_noticias {
        height         : 350px;
        padding-bottom : 10px;
    }
    /* Fim Noticia */

    /* Rodape */
    #footer_main .card .card-header {
        font-size: 1.2em;
    }
    /* Fim Rodape */
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #box_search .input-holder #search {
        width: 30vw;
    }

    /* Noticia */
    #box_noticias {
        padding: 0 20px;
    }
    /* Fim Noticia */
}

@media (min-width: 1400px) {
    #box_noticias {
        padding: 0 20px;
    }
}

@media (min-aspect-ratio: 16/9) {
    #video_apesp {
        height : 300%;
        top    : -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #video_apesp {
        width : 300%;
        left  : -100%;
    }
}