/*==================================================
=                        Base                      =
==================================================*/
body {
    font-family: 'Lato', sans-serif !important;
}

.conteudo-background {
    padding: 0;
    min-height: 60vh;
    background-image: url("../imgs/saneamento_basico/background.jpg");
}

.conteudo-background .container {
    padding: 30px 0 0 0;
}

.titulo-pagina {
    color: #208faf;
    font-size: 1.7em;
    margin-left: 30px;
    margin-bottom: 20px;
}

.container-topo {
    padding: 15px 0;
    background: #f0eceb;
    border-bottom: 1px solid #0191B4;
    display: table;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/*==================================================
=                      Layout                      =
==================================================*/

.menu-topo {
    padding: 0;
}

.menu-topo > ul {
    padding: 0;
}

.menu-topo > ul > li {
    display: inline;
    list-style: none;
    padding: 5px;
    margin: 0;
    border: 0;
}

.menu-topo > ul > li > a {
    color: #208faf;
}

.menu-topo ul li a:hover, .menu-topo ul li a:active, .menu-topo ul li a:focus {
    text-decoration: none;
}

.menu-topo > ul > li:hover, .menu-topo > ul > li:hover a, .menu-topo > ul > li:hover span {
    background: #0090B3;
    color: #ffffff;
}

.menu-topo li ul {
    position: absolute;
    /*top: 25px;*/
    left: 0px;
    background-color: #0090B3;
    display: none;
    padding: 5px;
    z-index: 999;
    width: 330px;
}

.menu-topo li ul li {
    padding: 5px 15px 5px 5px;
    /*margin: 0;*/
    list-style: none;
}

.menu-topo li ul li:hover, .menu-topo li ul li:hover a {
    background: #ffffff;
    color: #0090B3;
    cursor: pointer;
    text-decoration: none;
}

.menu-topo span {
    color: #208faf;
    font-size: 0.6em;
    position: relative;
    top: 0px;
}

.menu-topo li ul li a {
    color: #ffffff;
}

.menu-topo li:hover ul {
    display: block;
}

.menu-ajustes {
    font-size: 1.150em;
    top: 55px;
}

/*Menu Mobile*/

.menu-mobile {
    display: none;
}

.menu-mobile ul, .menu-mobile ul li {
    margin: 0;
    padding: 0;
}

.menu-mobile ul li {
    list-style: none;
}

.menu-mobile ul li ul li {
    background: #3FA1BD;
    color: #ffffff;
    padding: 5px 5px 5px 15px;
}

.menu-mobile ul li ul li:hover {
    color: #ffffff;
    background: #208FAF;
}

.menu-mobile > ul > a > li, .menu-mobile > ul > .has-sub {
    background: #208FAF;
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px solid #FFF;
}

.menu-mobile ul a li, .menu-mobile ul .has-sub a {
    color: #fff;
    font-size: 1.150em;
}

.menu-mobile ul a:hover, .menu-mobile ul li a:active, .menu-mobile ul li a:focus {
    text-decoration: none;
}

.menu-mobile ul a li:hover, .menu-mobile ul .has-sub:hover {
    background: #ffffff;
    cursor: pointer;
    color: #208FAF;
}

.menu-mobile ul .has-sub:hover a {
    color: #208FAF;
}

.menu-mobile ul ul {
    margin: 5px -5px -5px -5px;
}

.menu-mobile ul ul {
    display: none;
    font-size: 0.925em;
}

#open-menu-mobile {
    cursor: pointer;
}

/*==================================================
=                     Páginas                      =
==================================================*/
.conteudo-paginas {
    /*color: #03515d;*/
    font-size: 1.050em;
}

.conteudo-paginas a {
    color: #208FAF;
}

.conteudo-paginas a:hover, .conteudo-paginas a:focus {
    text-decoration: none;
    color: #035D76;
}

/*==================================================
=                        Home                      =
==================================================*/

.topo-home img {
    padding: 15px 0 5px 0;
}

.texto-topo-home {
    color: #208faf;
    font-size: 2.2em;
}

.brasao-home {
    padding: 0;
}

.brasao-home img {
    margin-bottom: 5px;
}

.brasao-home p {
    text-align: center;
    color: #208faf;
    font-size: 1.1em;
    margin: 0 0 15px;
}

/*==================================================
=                    Notícias                      =
==================================================*/
.titulo-noticia {
    padding: 7px 0;
    font-size: 1.250em;
}

.titulo-noticia, .titulo-noticia a {
    color: #1d8dba;
}

.titulo-noticia a:hover, .titulo-noticia a:focus, .titulo-noticia a:active {
    color: #3EA0C5;
    text-decoration: none;
}

.data-noticia {
    color: #5c5c5c;
    padding: 0;
}

.resumo-noticia {
    cursor: pointer;
}

.resumo-noticia a {
    color: #333;
}

.resumo-noticia:hover a, .resumo-noticia {
    text-decoration: none;
    color: #5c5c5c;
}

.pagination {
    border-radius: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #208FAF;
    border-color: #208FAF;
}

.btn {
    border-radius: 0;
}

/*==================================================
=                 Página Município                 =
==================================================*/
.menu-topo-municipio {
    padding: 0;
}

.menu-topo-municipio ul {
    padding: 0;
}

.menu-topo-municipio ul li {
    display: inline;
    list-style: none;
    padding-right: 15px;
}

.menu-topo-municipio ul li a {
    color: #208faf;
}

.menu-topo-municipio ul li a:hover, .menu-topo-municipio ul li a:active, .menu-topo-municipio ul li a:focus {
    text-decoration: none;
    color: #D8773C;
}

.info-municipio {
    padding: 0;
    color: #189A54;
}

.texto-centro-topo {
    padding: 0;
}

.texto-centro-topo p {
    color: #208faf;
}

.info-municipio img {
    width: 75px;
}

.margin-nome-municipio {
    margin-top: 30px;
}

.texto-centro-topo .font-big {
    font-size: 2em;
}

.texto-centro-topo .font-small {
    font-size: 1.1em;
}

.logo-background {
    background-image: url("../imgs/saneamento_basico/logo-transparencia.png");
    background-repeat: no-repeat;
    background-position: top;
}

.menu-categorias {
    padding-right: 30px;
}

.menu-categorias ul {
    padding: 0;
    margin: 0;
}

.menu-categorias ul li {
    list-style: none;
    background: #208faf;
    padding: 7px 10px;
    color: #ffffff;
}

.menu-categorias ul li:hover {
    background: #FFFFFF;
    color: #208faf;
    cursor: pointer;
}

.menu-categorias ul li span {
    font-size: 0.7em;
    margin-right: 5px;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    -moz-transition: -webkit-transform 0.2s ease-in;
    -ms-transition: -webkit-transform 0.2s ease-in;
    -o-transition: -webkit-transform 0.2s ease-in;
    transition: -webkit-transform 0.2s ease-in;
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu-categorias ul ul {
    display: none;
}

.menu-categorias ul ul li {
    background: #3aa5c4;
    padding-left: 28px;
}

.menu-categorias ul ul li {
    color: #ffffff;
}

.menu-categorias ul ul li.active {
    background: #FFFFFF;
    color: #208faf;
}

.menu-categorias ul ul li:hover, .menu-categorias ul ul a:hover, .menu-categorias ul ul a:focus {
    background: #FFFFFF;
    color: #208faf;
    cursor: pointer;
    text-decoration: none;
}

.arquivos {
    color: #03515d;
    padding-left: 0;
    min-height: 600px;
}

.arquivos a {
    color: #208faf;
}

.arquivos a:hover, .arquivos a:focus {
    /*text-decoration: none;*/
    color: #035D76;
}

.arquivos-breadcrumb {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 0.850em;
}

/*==================================================
=                      Contato                     =
==================================================*/
.form-control {
    display: block;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 0;
    box-shadow: none;
}

.form-control:focus {
    border-color: #66AFE9;
    outline: none;
    box-shadow: none;
}

/*==================================================
=                        Form                      =
==================================================*/
.login {
    /*border: 1px solid #66AFE9;*/
    /*background: #208FAF;*/
    padding: 0;
}

/*==================================================
=                      Footer                      =
==================================================*/
footer {
    background: #d8773c;
    color: #ffffff;
    font-size: 1em;
    padding-top: 20px;
}

footer a {
    color: #ffffff;
}

footer a:hover, footer a:active, footer a:focus {
    text-decoration: none;
    color: #1D8DBA;
}

.footer-block {
    margin-bottom: 20px;
}

.footer-block img {
    margin-top: 10px;
}

.logo-itcode img {
    position: absolute;
    bottom: 0px;
    right: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
}

/*==================================================
=                   Media Queries                  =
==================================================*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .texto-topo-home {
        font-size: 2em;
    }

    .footer-block {
        text-align: center;
    }

    .margin-nome-municipio {
        margin-top: 0;
    }

    .arquivos-breadcrumb {
        margin-top: 30px;
        font-size: 1em;
    }

    .arquivos {
        padding-left: 15px;
    }

    .menu-categorias {
        padding-right: 15px;
    }

    .menu-ajustes {
        top: 40px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .texto-topo-home {
        font-size: 1.8em;
    }

    .info-municipio {
        display: block;
    }

    .margin-nome-municipio {
        padding: 0;
        margin-bottom: 10px;
    }

    .texto-centro-topo .font-big {
        font-size: 1.2em;
    }

    .texto-centro-topo .font-small {
        font-size: 1em;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .texto-topo-home {
        font-size: 1.3em;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    .texto-topo-home {
        font-size: 1em;
    }
}

/* Corrige bug de 1px no submenu do topo no google chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    html {
        margin-left: 1px;
    }
}