.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clicado a {
    background-color: #f1d3ad !important;
    }

body,

textarea {

    font-family: Oswald, sans-serif!important

}.tagtitle {

        display: none

    }
.tags {

        display: none

    }
    em { font-style: italic;}
.acess-side,

.agendamento .row label,

.areas a h3,

.banco-images .list li .blocks h3,

.banner-cdurp,

.box-logo .right .search-top .search,

.boxerror h2,

.boxerror h4,

.boxnews .box .row label,

.boxs-side h3,

.boxtags,

.breadcumb .back,

.breadcumb .nav,

.bt-news,

.clippingimg li,

.contact-us .row label,

.contact-us .row select,

.destaque-text,

.destaques-box .abas div,

.destaques-box .content .box article .info,

.filter-side .row input,

.filter-side .row select,

.footer .navigation-footer a,

.footer .site-map #openmap,

.header .navigation-keyboards span,

.header .right .buttons a,

.header .right .buttons span,

.header-noticie,

.images .date,

.links li h2,

.links-acess li h3,

.links-acess li.transporte .info,

.links-bottom a,

.links-boxside h3,

.links-side>a,

.links-side>div,

.list-noticies article .infos,

.list-search li .segmento,

.mapsite ul li .blocks a,

.mapsite ul li .titles,

.navigation .list>li,

.okmessage,

.pdf-leis a div .title,

.pdf-link,

.pdf-link2,

.search-bt,

.search-mob input,

.search-tops .col input[type=text],

.share .bt-share,

.side-thumbs a span,

.status-work,

.submenu .estage-one h3,

.submenu .estage-tree a,

.submenu .estage-two h4,

.tags span,

.title-area,

.title-sections,

.titles-marks,

.titles-sides,

.toolsfixed section.language p,

.view-all {

    text-transform: uppercase

}

a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

/*i,*/

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,


sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    vertical-align: baseline

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block

}

body {

    line-height: 1;

    color: #666;

    font-size: 10px

}

ol,

ul {

    list-style: none

}

textarea {

    outline: 0;

    resize: vertical

}

blockquote,

q {

    quotes: none

}

blockquote:after,

blockquote:before,

q:after,

q:before {

    content: none

}

.box-help:after,

.clearfix:after,

.destaques-box .abas div.active:after,

.footer .site-map #openmap:after,

.galery-pictures .list a.image:before,

.galery-pictures .list a.video:before,

.gallery-museu .list a.image:before,

.gallery-museu .list a.video:before,

.gallery-photos .list ul li a.image:before,

.gallery-photos .list ul li a.video:before,

.header-intern:after,

.parceiros li a.image:before,

.parceiros li a.video:before,

.parceiros2 li a.image:before,

.parceiros2 li a.video:before,

blockquote:after,

blockquote:before,

q:after,

q:before {

    content: "";

}

table {

    border-collapse: collapse;

    border-spacing: 0

}

a {

    text-decoration: none

}

input {

    font-family: Oswald, sans-serif;

    outline: 0

}

.box-help,

.header .navigation-keyboards,

.header .right .buttons a,

.header .right .buttons span,

.submenu .estage-tree a,

.submenu .estage-two h4 {

    font-family: "Open Sans", sans-serif

}

.reset {

    clear: both

}

.clearfix:after {

    clear: both;

    display: block

}

img,

picture,

video {

    max-width: 100%

}

html {

    overflow-x: hidden

}

::-webkit-input-placeholder {

    color: #999

}

@media print {

    * {

        background: 0 0!important;

        color: #000!important;

        box-shadow: none!important;

        text-shadow: none!important

    }

    img,

    tr {

        page-break-inside: avoid

    }

    img {

        max-width: 100%!important

    }

    @page{margin:.5cm}h1,h2,h3{page-break-after:avoid}.breadcumb,.menu{display:none}}.center{max-width:950px;position:relative;margin:0 auto

}

@media (max-width: 949px) {

    .center {

        padding: 0;

        box-sizing: border-box

    }

}

.box-help {

    border: 1px solid #326179;

    padding: 13px 4%;

    box-sizing: border-box;

    background: #fff;

    width: 100%;

    right: 95%;

    z-index: 44444;

    position: absolute;

    text-align: center;

    font-size: 14px;

    line-height: 18px;

    display: none

}

@media (max-width: 949px) {

    .box-help {

        display: none

    }

}

.box-help:after {

    display: inline-block;

    vertical-align: middle;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #326179;

    width: 0;

    height: 0;

    position: absolute;

    right: -10px;

    top: 1%

}

.box-help strong {

    font-weight: 700;

    display: block;

    margin-bottom: 5px

}

.header .buttons-top {

    width: 100%;

    padding: 10px 0;

    background: #f3f3f4;

    box-sizing: border-box

}

.header .navigation-keyboards {

    float: left;

    font-size: 1em;

    color: #767676;

    position: absolute;

    left: 0;

    width: 35%;

    line-height: 18px

}

@media (max-width: 949px) {

    .header .buttons-top {

        padding: 10px 2%

    }

    .header .navigation-keyboards {

        display: none

    }

}

.header .navigation-keyboards span {

    margin-right: .9%;

    display: inline-block;

    line-height: 1.3em

}

.header .navigation-keyboards span:first-child {

    color: #4c4c4c

}

.header .navigation-keyboards a.bt {

    cursor: pointer;

    background: #ccc;

    color: #fff;

    text-align: center;

    width: 11px;

    height: 17px;
    display: inline-block;

}

.header .right .buttons a,

.header .right .buttons span,

.header .right .socials a {

    background-position: center center;

    background-repeat: no-repeat;

    width: 17px;

    height: 17px

}

.header .right {

    text-align: right;

    position: relative

}

.header .right .buttons {

    display: inline

}

@media (max-width: 850px) {

    .header .right .buttons {

        display: none

    }

}

.header .right .buttons a,

.header .right .buttons span {

    display: inline-block;

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    background-color: #ccc;

    cursor: pointer;

    text-align: center;

    line-height: 15px

}

.header .right .buttons #contratested {

    background-image: url(../images/contrasted.png)

}

.header .right .buttons #help {

    background-image: url(../images/help.png);

    cursor: help

}

.header .right .socials {

    display: inline;

    margin: 0 2%

}

.header .right .socials a {

    display: inline-block;

    border-radius: 3px;

    background-color: #8f8f8f;

    outline: 0;

    opacity: .4;

    transition: all .6s ease

}

.header .right .socials a:hover {

    opacity: 1

}

.header .right .socials a.fb {

    background-image: url(../images/ico-fb.png);

    background-size: 40% auto

}

.header .right .socials a.fb:hover {

    background-color: #3b5998

}

.header .right .socials a.tw {

    background-image: url(../images/ico-tw.png);

    background-size: 68% auto

}

.header .right .socials a.tw:hover {

    background-color: #55acee

}

.header .right .socials a.ytb {

    background-image: url(../images/ico-ytb.png);

    background-size: 65% auto

}

.header .right .socials a.ytb:hover {

    background-color: #cc181e

}

.logo {

    position: absolute;

    z-index: 1;

    top: 15%

}

@media (max-width: 949px) {

    .logo {

        width: 32%

    }

}

@media (max-width: 400px) {

    .logo {

        width: 55%

    }

}

.logo img {

    width: 100%

}

.box-logo {

    position: relative;

    box-sizing: border-box

}

.box-logo .right {

    width: 81%;

    float: right;

    vertical-align: middle;

    position: relative

}

.box-logo .right .search-top {

    float: left;

    width: 61%;

    position: relative;

    margin: 4.8% 0

}

@media (max-width: 949px) {

    .box-logo {

        padding: 0 2%

    }

    .box-logo .right .search-top {

        display: none

    }

}

.box-logo .right .search-top .search {

    width: 100%;

    background: #fff;

    border: 1px solid #ccc;

    box-sizing: border-box;

    padding: 10px 2.5%;

    color: #999;

    font-size: 1.2em;

    outline: 0;

    transition: border .6s ease

}

.box-logo .right .search-top .search:focus {

    border: 1px solid #375b6d

}

.box-logo .right .search-top .bt {

    background: url(../images/lupa.png)center center no-repeat #fff;

    width: 14px;

    height: 14px;

    cursor: pointer;

    border: 0;

    position: absolute;

    right: 4%;

    top: 13px

}

.box-logo .right .news {

    float: right;

    width: 28%;

    margin-top: 20px;

    line-height: 70px;

    position: absolute;

    right: 0;

    top: 0

}

@media (max-width: 949px) {

    .box-logo .right .news {

        position: initial;

        width: 65%

    }

}

.bt-news,

.menu {

    position: relative

}

@media (max-width: 400px) {

    .box-logo .right .news {

        width: 50%

    }

}

.box-logo .right .news .logos {

    width: 100%

}

.box-logo .right .news .logos img:first-child {

    margin-right: 32%;

    width: 27%

}

.box-logo .right .news .logos img:last-child {

    width: 68%

}

.bt-news {

    font-size: 1.2em;

    color: #999;

    display: inline;

    line-height: 18px;

    background: url(../images/ico-news.png)center right no-repeat;

    padding-right: 23px

}

.menu {

    width: 100%;

    background: #326179;

    padding: 15px 0 0

}

.submenu {

    width: 780px;

    position: absolute;

    z-index: 446;

    transition: all 300ms ease;

    top: 28px;

    left: -5%;

    max-height: 0;

    overflow: hidden

}

@media (max-width: 949px) {

    .submenu {

        width: 100%;

        position: initial

    }

}

.submenu .estage-one {

    width: 23%;

    float: left;

    background: rgba(41, 82, 101, .8);

    position: relative

}

.submenu .estage-one h3 {

    padding: 5px 1% 5px 15%;

    color: #fff;

    box-sizing: border-box;

    font-size: 13px;

    margin-bottom: 5px;

    line-height: 1.7em

}

@media (max-width: 949px) {

    .submenu .estage-one {

        width: 100%;

        float: none

    }

    .submenu .estage-one h3 {

        padding: 15px 0;

        font-size: 17px

    }

}

.submenu .estage-one h3>a {

    color: #fff;
    display: block;

}

.submenu .estage-one h3:last-child {

    margin-bottom: 0

}

.submenu .estage-one h3:hover {

    background: #658391

}

.submenu .estage-one h3:hover .estage-two {

    display: block

}

.submenu .estage-two {

    background: rgba(25, 64, 84, .9);

    min-height: 100%;

    left: 179px;

    box-shadow: -1px 12px 7px -7px rgba(23, 59, 77, .9)inset;

    position: absolute;

    top: 0;

    width: 350px;

    transition: all .2s ease;

    display: none;

    box-sizing: border-box

}

.submenu .estage-two h4 {

    color: #fff;

    font-size: 10px;

    width: 100%;

    padding: 10px 0;

    text-indent: 5%;

    display: block

}

.submenu .estage-two h4:hover {

    background: #658391

}

.submenu .estage-two h4:hover .estage-tree {

    display: block

}

.submenu .estage-two h4>a {

    color: #fff;
    display: block;

}

.submenu .estage-two h4 span {

    color: #d1c7a5

}

@media (max-width: 949px) {

    .submenu .estage-two {

        position: initial;

        width: 100%;

        margin: 15px 0 0

    }

    .submenu .estage-two h4 {

        font-size: 14px;

        padding: 0;

        margin: 15px 0

    }

}

@media (max-width: 400px) {

    .submenu .estage-two h4 {

        font-size: 11px;

        text-align: left;

        line-height: 2em

    }

}

.submenu .estage-tree {

    background: rgba(19, 50, 50, .9);

    height: 100%;

    left: 350px;

    box-shadow: -1px 12px 7px -7px rgba(15, 47, 64, .9)inset;

    position: absolute;

    top: 0;

    width: 235px;

    transition: all .2s ease;

    opacity: 1;

    padding: 10px 0;

    box-sizing: border-box;

    display: none

}

@media (max-width: 949px) {

    .submenu .estage-tree {

        position: initial;

        width: 100%

    }

}

.submenu .estage-tree a {

    color: #fff;

    font-size: 10px;

    padding: 7px 0;

    display: block;

    display-height: 13px

}

.mapsite ul li .titles,

.title-sections {

    font-family: Oswald, sans-serif

}

.navigation {

    width: 81.4%;

    float: right;

    position: relative

}

.navigation .list {

    width: 100%;

    position: relative

}

@media (max-width: 949px) {

    .navigation {

        width: 100%;

        float: none;

        padding: 20px 0

    }

    .navigation .list {

        display: none;

        padding: 50px 0 20px

    }

}

.navigation .list>li {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    margin-left: 1%;

    position: relative;

    cursor: default!important;

    padding: 0 0 15px;

    transition: color .4s ease;

    box-sizing: border-box

}

.bt-lupe,

.bt-menu,

.search-mob {

    position: absolute

}

@media (max-width: 949px) {

    .navigation .list>li {

        width: 100%;

        font-size: 23px;

        margin-left: 0;

        padding: 10px 0;

        text-indent: 4%

    }

    .navigation .list>li h2 {

        padding: 20px 0

    }

}

.navigation .list>li:hover {

    height: auto;

    color: #0a2b3c

}

.navigation .list>li:hover>h2>a {

    color: #0a2b3c

}

.navigation .list>li:hover .submenu {

    max-height: 1700px;

    overflow: inherit

}

.navigation .list>li:first-child {

    margin-left: 0

}

.navigation .list>li>h2>a {

    color: #fff;

    transition: color .6s ease-in-out

}

.search-mob {

    background: #326179;

    padding: 10px 0;

    top: 38px;

    left: 0;

    z-index: 4544454;

    width: 100%;

    display: none

}

.search-mob input {

    padding: 10px 2%;

    box-sizing: border-box;

    width: 95%;

    margin: 0 auto;

    display: block;

    background: #fff;

    color: #326179;

    font-size: 13px;

    outline: 0

}

.bt-lupe {

    display: none;

    background: url(../images/lupa.png)center center no-repeat;

    cursor: pointer;

    width: 40px;

    height: 40px;

    float: left;

    top: -10px;

    left: -2.5%;

    background-size: 50% auto

}

@media (max-width: 949px) {

    .bt-lupe {

        display: inline

    }

}

.bt-lupe.ativado {

    background: url(../images/lupaativada.png)center center no-repeat #326179;

    background-size: 50% auto

}

.bt-menu {

    width: 29px;

    right: 3%;

    top: 0;

    cursor: pointer;

    display: none

}

.bt-menu div {

    width: 100%;

    height: 4px;

    border-radius: 5px;

    background: #fff;

    margin-bottom: 5px;

    top: 21px

}

.bt-menu div.on {

    background: #0a2b3c

}

.title-sections {

    font-size: 1.6em;

    color: #666;

    line-height: 1.6em;

    font-weight: 700

}

.footer .navigation-footer {

    padding: 20px 0;

    background: #326179;

    box-shadow: 3px 6px 3px rgba(36, 80, 102, .8);

    position: relative;

    z-index: 444

}

.footer .navigation-footer a {

    color: #eddcb2;

    font-size: 1.5em;

    margin-right: 15.5%

}

.footer .navigation-footer a:hover {

    color: #fff

}

.footer .navigation-footer a:last-child {

    margin-right: 0

}

@media (max-width: 949px) {

    .bt-menu {

        display: block

    }

    .footer .navigation-footer {

        box-shadow: 0 0 0 rgba(36, 80, 102, 0);

        padding: 20px 2%;

        box-sizing: border-box

    }

    .footer .navigation-footer a {

        margin-right: 1%;

        width: 49.382%;

        background: #f3f3f4;

        padding: 20px 0;

        border-radius: 7px;

        text-align: center;

        color: #333!important;

        float: left;

        margin-bottom: 20px;

        box-sizing: border-box

    }

    .footer .navigation-footer a:hover {

        color: #a0a0a1

    }

    .footer .navigation-footer a:nth-child(2n) {

        margin-right: 0

    }

    .footer .navigation-footer a:last-child,

    .footer .navigation-footer a:nth-child(3) {

        margin-bottom: 0

    }

}

@media (max-width: 400px) {

    .footer .navigation-footer a {

        float: none;

        width: 100%;

        display: block

    }

    .footer .navigation-footer a:nth-child(3) {

        margin-bottom: 20px

    }

}

.footer .site-map {

    padding: 15px 0;

    background: #326179

}

.footer .site-map #openmap {

    text-align: center;

    cursor: pointer;

    font-size: 1.6em;

    color: #fff;

    font-weight: 700;

    margin: 15px 0

}

@media (max-width: 949px) {

    .footer .site-map #openmap {

        margin: 0 0 25px

    }

}

.footer .site-map #openmap:after {

    background: url(../images/arrow-map.png)center center no-repeat;

    width: 16px;

    height: 9px;

    display: inline-block;

    margin-left: 1%;

    vertical-align: middle;

    transition: all .6s ease

}

.footer .site-map #openmap.on:after {

    transform: rotate(180deg)

}

.mapsite {

    display: none;

    margin: 25px 0

}

@media (max-width: 949px) {

    .mapsite {

        padding: 0 2%;

        box-sizing: border-box

    }

}

.mapsite ul li {

    display: inline-block;

    width: 30.21%;

    float: left;

    margin-right: 2%

}

.mapsite ul li:last-child {

    margin-right: 0

}

.mapsite ul li .titles {

    cursor: pointer;

    font-size: 1.6em;

    color: #fff;

    font-weight: 700;

    margin: 15px 0;

    display: block

}

.general,

.general p,

.legal .info address,

.mapsite ul li .blocks a {

    font-family: "Open Sans", sans-serif

}

.mapsite ul li .blocks {

    margin-bottom: 50px

}

.mapsite ul li .blocks:last-child {

    margin-bottom: 0

}

.mapsite ul li .blocks a {

    color: #fff;

    font-size: 1em;

    line-height: 18px;

    margin-bottom: 5px;

    display: block

}

.mapsite ul li .blocks a:hover {

    text-decoration: underline

}

.mapsite ul li .blocks .relates {

    border-left: 1px solid #fff;

    padding-left: 3%

}

@media (max-width: 850px) {

    .mapsite ul {

        text-align: center

    }

    .mapsite ul li {

        width: 100%

    }

    .mapsite ul li .blocks .relates {

        padding-left: 0;

        border-left: 0

    }

}

.mapsite ul li .blocks .relates a {

    color: #c1d7e2

}

.legal {

    position: relative;

    font-size: 1.3em;

    color: #666;

    padding: 25px 0

}

.legal .info {

    float: left;

    margin: 10px 0;

    width: 73%;

    line-height: 1.4em

}

@media (max-width: 949px) {

    .legal {

        padding: 25px 2%

    }

    .legal .info {

        float: none;

        width: 100%

    }

}

.legal .info .row {

    border-bottom: 1px solid #666;

    padding-bottom: 8px;

    margin-bottom: 8px;

    position: relative

}

.legal .footerlogo {

    float: left;

    margin-right: 1%;

    width: 6.31579%

}

@media (max-width: 450px) {

    .legal .footerlogo {

        width: 16%;

        margin-right: 4%

    }

}

.languages {

    position: absolute;

    bottom: 10%;

    display: none

}

@media (max-width: 949px) {

    .languages {

        display: block

    }

}

.languages a {

    display: inline-block;

    width: 28px;

    height: 28px;

    border-radius: 100%;

    opacity: .3;

    background-size: contain!important

}

.languages a.active {

    opacity: 1

}

.languages a.pt {

    background: url(../images/pt-mob.png)center center no-repeat

}

.languages a.en {

    background: url(../images/en-mob.png)center center no-repeat

}

.toolsfixed {

    width: 75px;

    position: fixed;

    top: 35vh;

    z-index: 445;

    right: 0

}

@media (max-width: 949px) {

    .toolsfixed {

        display: none

    }

}

.toolsfixed section {

    width: 100%;

    background: #dbdbdb;

    padding-bottom: 20px;

    margin-bottom: 10px

}

.toolsfixed section.language img {

    width: 25px;

    height: 25px;

    margin: 0 auto

}

.toolsfixed section.language p {

    transform: rotate(270deg);

    color: #8f8f8f;

    font-size: 15px;

    padding: 35px 0;

    -moz-transform: rotate(270deg)

}

.toolsfixed section.socials header {

    background: url(../images/share-icon.png)center center no-repeat #8f8f8f;
    display: none;
}

.toolsfixed section.socials a {

    width: 33px;

    height: 33px;

    border-radius: 6px;

    background-color: #8f8f8f;

    background-repeat: no-repeat;

    background-position: center center;

    margin: 0 auto 10px;

    display: block;

    transition: all .6s ease

}

.boxs-side,

.breadcumb,

.breadcumb .back,

.breadcumb .nav {

    display: inline-block

}

.toolsfixed section.socials a.fb {

    background-image: url(../images/ico-fb.png);

    background-size: 33% auto

}

.toolsfixed section.socials a.fb:hover {

    background-color: #3b5998

}

.toolsfixed section.socials a.tw {

    background-image: url(../images/ico-tw.png);

    background-size: 60% auto

}

.toolsfixed section.socials a.tw:hover {

    background-color: #55acee

}

.toolsfixed section.socials a.yt {

    background-image: url(../images/ico-ytb.png);

    background-size: 55% auto

}

.toolsfixed section.socials a.yt:hover {

    background-color: #cc181e

}

.toolsfixed section.socials a:last-child {

    margin-bottom: 0

}

.toolsfixed section header {

    width: 100%;

    padding: 20px 0;

    box-sizing: border-box;

    background: #8f8f8f;

    margin-bottom: 20px;

    text-align: center

}

.header-intern {

    width: 100%;

    height: 240px;

    overflow: hidden;

    background: url(../images/bg-header.png)center center no-repeat;

    background-size: cover;

    position: relative

}

@media (max-width: 949px) {

    .header-intern {

        padding: 0 2%;

        box-sizing: border-box

    }

}

@media (max-width: 450px) {

    .header-intern {

        height: 180px

    }

}

.header-intern:after {

    background: rgba(255, 255, 255, .4);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}

.header-intern .center {

    height: 100%

}

.header-intern .center .align {

    position: absolute;

    bottom: 0;

    z-index: 5;

    width: 100%;

    text-align: right

}

.title-area {

    color: #326179;

    font-size: 2.4em;

    font-weight: 700;

    line-height: 30px;

    text-align: left;

    margin-top: 15px;

    float: left

}

.breadcumb .back,

.breadcumb .nav {

    text-align: center;

    color: #666;

    font-size: 12px

}
.breadcumb .nav a {
    color: #666;
}

@media (max-width: 450px) {

    .title-area {

        float: none;

        text-align: center;

        margin: 20px 0

    }
    

}

.breadcumb {

    width: 31.57895%;

    text-align: right;

    position: absolute;
    right: 0;
    bottom: 0;

}

@media (max-width: 850px) {

    .breadcumb {

        width: 60%;
        position: relative !important;

    }

}

@media (max-width: 650px) {

    .breadcumb {
        display: none;


    }

}

@media (max-width: 450px) {

    .breadcumb {

        width: 100%;

        text-align: center;
        display: none;
        position: relative !important;

    }

}

.breadcumb .nav {

    width: 66%;

    background: #f3f3f4;

    border-radius: 10px 10px 0 0;

    padding: 16px 1%;

    line-height: 20px;

    position: absolute;

    left: 0;

    bottom: 0

}

@media (max-width: 450px) {

    .breadcumb .nav {

        position: initial

    }

}

.breadcumb .back {

    width: 29.33333%;

    background: #fff;

    border-radius: 10px 10px 0 0;

    padding: 20px 0;

    position: relative;

    bottom: 0

}

.general {

    margin: 35px 0;

    color: #666;

    line-height: 18px

}

.general .noticies div {

    margin-bottom: 25px;

    line-height: 22px;

    font-size: 14px

}

.general p {

    margin-bottom: 25px;

    line-height: 22px;

    font-size: 14px

}
.general p i { font-style: italic;}
.general p strong{ font-weight: 800}
.general p:last-child {

    margin-bottom: 0

}

.general p a {color: #666; font-weight: 700; text-decoration: underline;}

@media (max-width: 949px) {

    .general.intern {

        padding: 0 2%;

        box-sizing: border-box

    }

    .general {

        padding: 0;

        box-sizing: border-box

    }

}

.picleft {

    width: 48.31579%;

    float: left;

    margin-right: 2%

}

@media (max-width: 850px) {

    .picleft {

        float: none;

        width: 100%;

        margin-bottom: 25px

    }

}

.text-align {

    width: 48.31579%;

    float: right;

    text-align: justify

}

.aligncenter,

.areas,

.boxerror,

.boxs-side,

.close,

.links-acess li,

.links-boxside,

.pag,

.pag a,

.pagination,

.pdf-link,

.pdf-link2,

.status-work,

.viewmore {

    text-align: center

}

@media (max-width: 850px) {

    .text-align {

        width: 100%;

        float: none

    }

}

.left {

    float: left;

    width: 65.26316%

}

@media (max-width: 640px) {

    .left {

        width: 100%;

        float: none

    }

}

.right {

    float: right;

    width: 28.42105%

}

.boxs-side,

.pag,

.pdf-link,

.pdf-link2,

.picside {

    width: 100%

}

@media (max-width: 640px) {

    .right {

        float: none;

        width: 100%

    }

}

.boxs-side {

    margin-bottom: 20px;

    border: 1px solid #ccc;

    box-sizing: border-box

}

.boxs-side h3 {

    color: #326179;

    font-size: 1.6em;

    margin-top: 20px;

    line-height: 22px;

    font-family: Oswald, sans-serif

}

.boxs-side p {

    margin: 20px 0;

    color: #666;

    margin-bottom: 25px!important;

    font-size: 1.4em;

    padding: 0 5%;

    height: 85px;

    overflow: hidden;

    font-family: "Open Sans", sans-serif

}

.destaque-text,

.links-boxside h3,

.pdf-link,

.pdf-link2,

.titles-marks {

    font-family: Oswald, sans-serif

}

.pdf-link {

    padding: 10px 0;

    color: #fff;

    font-size: 1.2em;

    background: #326179;

    transition: background .6s ease;

    display: block;

    border: 0;

    cursor: pointer;
    

}

.pdf-link:hover {

    background: #22495d

}

.pdf-link2 {

    padding: 10px 0;

    color: #fff;

    font-size: 1.2em;

    background: #326179;

    transition: background .6s ease;

    display: block;

    border: 0;

    cursor: pointer;
    position: absolute;bottom: 0;

}

.pdf-link2:hover {

    background: #22495d

}

.pag {

    margin: 25px auto

}

.pag a {

    display: inline-block;

    border-radius: 6px;

    border: 1px solid #ccc;

    color: #999;

    background: #fff;

    width: 32px;

    height: 32px;

    line-height: 32px;

    font-size: 12px;

    box-sizing: border-box;

    margin-right: .7%

}

.box-modal img,

.modal-video {

    display: none

}

.pag a#next,

.pag a#prev {

    background: #ccc

}

.pag a.active {

    color: #fff;

    background: #6a3c00;

    border: 1px solid #6a3c00

}

@media (max-width: 400px) {

    .pag a {

        width: 28px;

        height: 28px;

        line-height: 28px

    }

}

.box-modal {

    width: 47%;

    margin: 8vh auto;


    position: relative

}

@media (max-width: 640px) {

    .box-modal {

        width: 100%

    }

}

.box-modal iframe,

.box-modal img,

.box-modal video {

   
height: 500px;
}   

.modal-video {

    position: fixed;

    z-index: 44444444444;

    height: 100%;

    width: 100%;

    background: rgba(57, 57, 57, .8);
    text-align: center;

}

.close {

    width: 40px;

    height: 40px;

    position: absolute;

    right: 10px;

    top: -20px;

    cursor: pointer;

    color: #fff;

    background: #326179;

    line-height: 32px;

    font-size: 25px;

    border: 2px solid #fff;

    box-sizing: border-box;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

}
.arrow-gal {
    position: absolute;
    top: 50%;
    cursor: pointer;
    line-height: 35px;
    background: center center no-repeat rgba(255, 255, 255, .85);
    font-size: 0px;
    border: 2px solid #fff;
    box-sizing: border-box;
      width: 34px;
  height: 34px;
}
.arrow-gal.leftg { left: 0;background-image: url(../images/left-arrow.png);}
.arrow-gal.rightg { right: 0;background-image: url(../images/right-arrow.png);}
.titles-marks {

    border-bottom: 1px solid #666;

    padding-bottom: 20px;

    margin-bottom: 20px;

    font-size: 1.6em;

    font-weight: 700;

    line-height: 22px

}
.titles-marks.titQS{
    padding-bottom: 10px !important;
    font-size: 1.7em;
}

.bold,

.list-ol {

    line-height: 23px

}

.midiasbox {

    margin: 0 0 20px

}

.destaque-text {

    font-size: 1.4em;

    color: #326179;

    font-weight: 700;

    margin-bottom: 20px

}

.destaque-text a {

    color: #326179

}

.destaque-text.none {

    margin-bottom: 5px

}

.bold {

    font-weight: 700

}

.list-ol {

    font-size: 15.5px;

    margin-bottom: 20px

}

.list-ol li {

    list-style: initial;

    margin-left: 2%

}

.links-boxside {

    width: 100%;

    padding: 15px 4%;

    box-sizing: border-box;

    border: 1px solid #ccc;

    position: relative;

    display: inline-block;

    transition: all .6s ease;

    line-height: 22px;

    color: #666;
	max-height: 348px;
	overflow: hidden;

    margin-bottom: 20px

}

.links-boxside:hover {

    border: 1px solid #326179;

    color: #326179

}

.links-boxside:hover h3 {

    border-bottom: 1px solid #326179

}
.links-boxside p {
    max-height: 64px;
    overflow: hidden;
}
p.truncate {
    margin-bottom: 0;
}
.links-boxside:hover .more {

    background: url(../images/icon-more.png)center center no-repeat #326179

}

.links-boxside:hover .more.download {

    background: url(../images/ico-download.png)center center no-repeat #326179;

    background-size: 65% auto

}

.links-boxside h3 {

    font-size: 1.6em;

    border-bottom: 1px solid #ccc;

    padding-bottom: 10px;

    font-weight: 700;

    margin-bottom: 10px;

    transition: border .6s ease

}

.links-boxside span {

    font-size: 1.4em

}

.links-boxside .more {

    width: 25px;

    height: 25px;

    background: url(../images/icon-more.png)center center no-repeat #666;

    position: absolute;

    right: 0;

    bottom: 0;

    transition: background .6s ease

}

.links-boxside .more.download {

    background: url(../images/ico-download.png)center center no-repeat #666;

    background-size: 65% auto

}

.titles-sides {

    font-weight: 700;

    color: #666;

    font-family: Oswald, sans-serif!important

}

.agendamento .row label,

.list-search li,

.titles-proj {

    font-family: Oswald, sans-serif

}

.cepac .links-boxside {

    width: 32%;

    margin-right: 2%;

    float: left;

    height: 236px;

    overflow: hidden

}

.cepac .links-boxside img,

.msgalert {

    width: 100%

}

.cepac .links-boxside:last-child {

    margin-right: 0;

    border: 0;

    padding: 0

}

@media (max-width: 850px) {

    .cepac .links-boxside {

        width: 100%;

        margin-right: 0;

        height: auto;

        margin-bottom: 15px

    }

    .cepac .links-boxside:last-child {

        margin-bottom: 0

    }

}

.error {

    border: 1px solid #c53647!important

}

.msgalert {

    border: 1px solid #c53647;

    padding: 10px 2%;

    color: #000;

    background: #ec7679;

    text-align: center;

    margin: 10px 0;

    box-sizing: border-box

}
.msgalert.msgalert2{
    background: #FAFFBD;
    border: 1px solid #C3CE42;
}

.boxerror {

    margin: 80px auto

}

.boxerror h2 {

    color: #326179;

    font-weight: 700;

    line-height: 80px;

    font-size: 70px

}

@media (max-width: 400px) {

    .boxerror h2 {

        font-size: 30px;

        line-height: 40px

    }

}

.boxerror h4 {

    font-size: 22px;

    line-height: 28px;

    color: #000

}

.boxerror img {

    margin: 0 auto 10px;

    width: 20%

}

.mb {

    margin-bottom: 20px

}

.titles-proj {

    color: #326179;

    font-size: 1.8em;

    margin-top: 10px

}

.agendamento {

    margin: 35px 0

}

.agendamento .row {

    margin-bottom: 10px

}

.agendamento .row .col {

    width: 31.931%;

    float: left;

    margin-right: 2.10526%

}

@media (max-width: 949px) {

    .agendamento .row .col {

        width: 100%;

        float: none;

        margin-right: 0;

        margin-bottom: 10px

    }

}

.agendamento .row .col.big {

    width: 65.9671%

}

@media (max-width: 949px) {

    .agendamento .row .col.big {

        width: 100%

    }

}

.agendamento .row .col:last-child {

    margin-right: 0

}

.agendamento .row input[type=text],

.agendamento .row input[type=number],

.agendamento .row input[type=tel],

.agendamento .row input[type=email],

.agendamento .row input[type=date],

.agendamento .row textarea {

    width: 100%;

    background: #fff;

    border: 1px solid #ccc;

    box-sizing: border-box;

    padding: 10px 2.5%;

    color: #999;

    font-size: 1.2em;

    outline: 0;

    transition: border .6s ease;

    resize: none

}

.agendamento .row input[type=text]:focus,

.agendamento .row input[type=number]:focus,

.agendamento .row input[type=tel]:focus,

.agendamento .row input[type=email]:focus,

.agendamento .row input[type=date]:focus,

.agendamento .row textarea:focus,

.status-work {

    border: 1px solid #326179

}

.agendamento .row label {

    cursor: pointer;

    color: #999;

    font-size: 1.2em;

    margin-bottom: 8px;

    line-height: 18px;

    display: block

}

.agendamento .row #visite {

    float: right;

    width: 35%

}

.itemsearch {

    font-weight: 300

}

.list-search {

    margin: 35px 0;
    width: 65.26316%;
    float: left;

}

.list-search li {

    width: 48.42105%;

    float: left;

    margin-bottom: 30px;

    background: #eff3f6;

    padding: 15px 1.5%;

    box-sizing: border-box;
    clear: both;

}

.list-search li:nth-child(even) {

    float: right;
    clear: none;

}

@media (max-width: 640px) {

    .list-search li {

        width: 100%;

        float: none!important

    }

    .list-search li:last-child {

        margin-bottom: 0

    }
    .list-search {

    width: 100%;

}


}

.list-search li .segmento {

    font-size: 1.2em;

    margin-bottom: 15px;

    color: #326179;

    display: block

}

.list-search li .title {

    font-size: 1.6em;

    color: #666;

    text-transform: uppercase;

    line-height: 20px

}
.list-search li .desc {

    font-size: 1.2em;

    color: #999;

    text-transform: uppercase;

    line-height: 20px

}


.links-relatorios a {

    font-weight: 700;

    font-size: 1.8em;

    margin-bottom: 5px;

    line-height: 24px;

    color: #326179;

    display: block

}

.links-relatorios a:last-child {

    margin-bottom: 0

}

.list-atas article,

.list-atas div,

.list-atas li {

    border-bottom: 1px solid #999;

    padding-bottom: 15px;

    margin-bottom: 15px

}

.list-atas article:last-child,

.list-atas div:last-child,

.list-atas li:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0

}

.list-atas article .title,

.list-atas div .title,

.list-atas li .title {

    font-family: Oswald, sans-serif;

    color: #326179;

    font-size: 22px;

    line-height: 29px;

    margin-bottom: 8px;

    display: block

}

.list-atas article .descri,

.list-atas div .descri,

.list-atas li .descri {

    color: #666;

    font-size: 1.4em;

    line-height: 18px;

    font-family: "Open Sans", sans-serif

}

.italic {

    font-style: italic;

    color: #999;

    line-height: 20px;

    font-size: 14px

}

.div {

    margin-bottom: 15px

}

.status-work {

    border-radius: 6px;

    padding: 10px 2%;

    color: #326179;

    line-height: 22px;

    font-family: Oswald, sans-serif;

    width: 20%

}

.list-licit li {

    list-style: circle;

    font-size: 14px;

    color: #000;

    border: none!important;

    margin: 3px 20px;

    padding: 3px 0;

    font-weight: 700

}

.list-licit li a {

    color: #000

}

.ico-download {

    width: 30px!important;

    height: 30px;

    background: url(../images/ico-download.png)center center no-repeat;

    cursor: pointer;

    position: absolute!important;

    z-index: 4;

    right: 17%;

    bottom: 4%;

    display: block!important

}

.banner,

.banner .list-images li {

    background-size: cover;

    width: 100%

}

.semlink {

    cursor: default!important

}

body.contrasted {

    background: #000

}

body.contrasted .areas a h3,

body.contrasted .banco-images .list li .blocks .sub,

body.contrasted .banco-images .list li .blocks .title-revist,

body.contrasted .banco-images .list li .blocks h3,

body.contrasted .box-contact div,

body.contrasted .box-contact div a,

body.contrasted .boxs-side h3,

body.contrasted .breadcumb .back,

body.contrasted .breadcumb .nav,

body.contrasted .date-event,

body.contrasted .destaque-text,

body.contrasted .destaque-text a,

body.contrasted .destaques-box .content .box article .info,

body.contrasted .destaques-box .content .box article .sub,

body.contrasted .destaques-box .content .box article .title,

body.contrasted .footer .navigation-footer a,

body.contrasted .general p,

body.contrasted .header-noticie,

body.contrasted .information,

body.contrasted .legal,

body.contrasted .links li h2 a,

body.contrasted .links-acess li .info,

body.contrasted .links-acess li h3,

body.contrasted .links-acess li p,

body.contrasted .links-boxside,

body.contrasted .links-side a,

body.contrasted .list-articles article .box h2,

body.contrasted .list-articles li a,

body.contrasted .list-atas article .descri,

body.contrasted .list-atas article .title,

body.contrasted .list-atas div .descri,

body.contrasted .list-atas div .title,

body.contrasted .list-atas li .descri,

body.contrasted .list-atas li .title,

body.contrasted .list-downloads li .text h2,

body.contrasted .list-licit li a,

body.contrasted .list-noticies article .infos span,

body.contrasted .list-noticies article .right .description,

body.contrasted .more-noticies article .title,

body.contrasted .parceiros li a,

body.contrasted .parceiros li h2,

body.contrasted .parceiros2 li a,

body.contrasted .parceiros2 li h2,

body.contrasted .pdf-leis a div .title,

body.contrasted .pdf-leis a div span,

body.contrasted .responsive-calendar .day a,

body.contrasted .side-thumbs a span,

body.contrasted .tags span,

body.contrasted .title-area,

body.contrasted .title-noticie,

body.contrasted .title-noticie a,

body.contrasted .titles-marks,

body.contrasted .titles-proj {

    color: #fff

}

body.contrasted .links-acess li,

body.contrasted .links-boxside {

    border-color: #fff

}

body.contrasted .destaques-box .abas div.active,

body.contrasted .pdf-link,

body.contrasted .pdf-link2,

body.contrasted .search-bt,

body.contrasted .share .box,

body.contrasted .site-map,

body.contrasted .view-all {

    background: #fff!important;

    color: #000!important;

    box-shadow: none

}

body.contrasted #openmap,

body.contrasted .mapsite ul li .blocks a,

body.contrasted .mapsite ul li .titles,

body.contrasted .pag a {

    color: #000!important

}

body.contrasted .banner .pagination li,

body.contrasted .breadcumb .nav,

body.contrasted .list-articles article .box .content,

body.contrasted .navigation-footer {

    background: #000;

    box-shadow: none

}

body.contrasted .banner .pagination li.on {

    background: #fff;

    border: 1px solid #000

}

body.contrasted .breadcumb .back,

body.contrasted .menu {

    background: #333

}

body.contrasted .navigation .list>li>h2:hover,

body.contrasted .navigation .list>li>h2>a:hover {

    color: #fff

}

body.contrasted .estage-one {

    background: rgba(0, 0, 0, .8)

}

body.contrasted .estage-two {

    background: rgba(0, 0, 0, .6)

}

body.contrasted .estage-tree {

    background: rgba(0, 0, 0, .45)

}

body.contrasted .header-intern:after {

    background: rgba(0, 0, 0, .7)

}

body.contrasted .links-bottom a {

    color: #fff;

    border: 1px solid #fff

}

body.contrasted .noticies .results {

    border-bottom: 1px solid #fff;

    color: #fff

}

body.contrasted .noticies .results strong {

    color: #ccc

}

body.contrasted .destaques-box .abas div.active:after {

    border-top: 5px solid #fff

}

body.contrasted .links li img {

    border-right: 20px solid #000

}

body.contrasted .banco-images .arrows div {

    background-color: gray!important

}

body.contrasted .clippingimg li a {

    border-right: 7px solid #000!important

}

body.contrasted .links-side a {

    border: 1px solid #fff

}

.banner {

    position: relative;

    background-color: #f3f3f4;

    min-height: 900px;

    overflow: hidden

}

.banner .list-images {

    box-shadow: 3px 6px 8px #dadadb;

    min-height: 658px

}

.banner .list-images li {

    background-position: center center;

    background-repeat: no-repeat;

    min-height: 658px;

    position: relative;

    display: none

}

.banner .list-images li:first-child {

    display: block

}

.banner .list-images li .legend {

    background: rgba(255, 255, 255, .8);

    padding: 20px 4%;

    box-sizing: border-box;

    color: #333;

    font-size: 3.8em;

    line-height: 1.2em;

    width: 52%;

    position: absolute;

    bottom: 30px;

    left: 0;

    font-weight: 300

}

@media (max-width: 640px) {

    .banner .list-images li .legend {

        background: 0 0;

        text-transform: uppercase;

        font-size: 5.4em;

        text-align: center;

        width: 100%;

        vertical-align: middle;

        font-weight: 700;

        color: #fff;

        bottom: initial;

        top: 20%;

        line-height: 1.5em;

        text-shadow: 3px 3px 3px #363737

    }

}

@media (max-width: 400px) {

    .banner .list-images li .legend {

        font-size: 3em

    }

}

.banner .list-images li .center {

    height: 658px

}

.pagination {

    margin: 30px auto !important;

}

.pagination li {

    cursor: pointer;

    display: inline-block;

    width: 11px;

    height: 11px;

    background: #6a3c00;

    border-radius: 100%;

    margin-right: .5%;

    box-sizing: border-box

}

.pagination li.on {

    background: #2a435c

}

.last-news {

    margin-top: -180px

}

.last-news .gallery {

    font-size: 2.2em;

    margin: 25px 0;

    height: 293px;

    overflow: hidden

}

@media (max-width: 949px) {

    .last-news {

        padding: 0 2%

    }

    .last-news .gallery {

        height: auto;

        overflow: inherit

    }

}

.last-news .gallery img {

    width: 100%;

    transition: all .2s ease-in-out;

    transform: scale(1);

    height: 100%

}

.galery-pictures .list a:hover img,

.last-news .gallery .destaque:hover img,

.last-news .gallery .minis a:hover img {

    transform: scale(1.3)

}

.last-news .gallery .destaque,

.last-news .gallery .minis a {

    float: left;

    position: relative;

    width: 50%;

    box-sizing: border-box;

    border-right: 2px solid #fff;

    overflow: hidden;

    display: inline-block;

    vertical-align: bottom;

    background-color: #ccc;

    cursor: pointer

}

.areas a .content,

.links li h2,

.links li img,

.links-acess li .info,

.list-downloads li .text h2,

.share .bt-share,

.side-thumbs a span {

    vertical-align: middle

}

@media (max-width: 320px) {

    .last-news .gallery .destaque,

    .last-news .gallery .minis a {

        width: 100%;

        float: none;

        border-right: 0;

        border-bottom: 2px solid #fff;

        height: auto

    }

}

@media (max-width: 949px) {

    .last-news .gallery .destaque {

        width: 100%;

        float: none;

        border-bottom: 2px solid #fff;

        border-right: 0

    }

}

.areas a,

.last-news .gallery .minis a:nth-child(2n) {

    border-right: none

}

.last-news .gallery .legend {

    bottom: 12%;

    left: 6%;

    width: 70%;

    overflow: hidden;

    position: absolute;

    line-height: 1.3em;

    z-index: 4;

    height: 80px

}

.last-news .gallery .legend .date {

    font-size: 12px;

    color: #fff

}

.last-news .gallery .legend h3 {

    font-size: .9em;

    color: #fff;

    text-shadow: 3px 3px 3px #363737

}

.last-news .gallery .minis {

    float: right;

    width: 50%;

    font-size: .75em

}

.last-news .gallery .minis a {

    border-bottom: 2px solid #fff;

    background-color: #ccc;

    height: 147px

}

.last-news .gallery .minis a:nth-child(3) {

    border-bottom: none

}

.viewmore {

    background: url(../images/ico-vermais.png)center center no-repeat #ccc!important;

    border-bottom: none!important;

    opacity: .6

}

.areas a:hover,

.vlt-apresentation a:hover {

    opacity: .7

}

@media (max-width: 320px) {

    .last-news .gallery .minis a {

        height: auto

    }

    .last-news .gallery .minis a:nth-child(1),

    .last-news .gallery .minis a:nth-child(2) {

        display: none

    }

    .viewmore {

        padding: 40px 0;

        background-size: 15% auto

    }

}

.areas {
	display: none;

    margin: 35px 0;

    box-sizing: border-box;

    width: 100%

}

@media (max-width: 949px) {

    .last-news .gallery .minis {

        width: 100%;

        float: none

    }

    .areas {

        padding: 0 2%;

        box-sizing: border-box

    }

}

.areas a {

    width: 25%;

    float: left;

    box-sizing: border-box;

    border-left: 1px solid #ccc;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 10px 0;

    position: relative;

    display: table;

    transition: opacity .2s ease

}
.areas a img { max-width: 25%}
@media (max-width: 640px) {

    .areas a {

        width: 50%;

        border: 1px solid #ccc

    }

    .areas a:first-child,

    .areas a:nth-child(2) {

        border-bottom: none!important

    }

    .areas a:nth-child(odd) {

        border-right: 0

    }
    .areas a img  { max-width: 100%}

}

.headers,

.list-noticies article,

.noticies .results {

    border-bottom: 1px solid #999

}

.areas a.obras h3 {

    color: #529ec5

}

.areas a.obras span {

    background: center center no-repeat #529ec5

}

.areas a.mobilidade h3 {

    color: #66818f

}

.areas a.mobilidade span {

    background: center center no-repeat #66818f

}

.areas a.social h3 {

    color: #326179

}

.areas a.social span {

    background: center center no-repeat #326179

}

.areas a.cultural {

    border-right: 1px solid #ccc

}

.areas a.cultural h3 {

    color: #1d3846

}

.areas a.cultural span {

    background: center center no-repeat #1d3846

}

.areas a h3 {

    font-size: 2.4em;

    margin-top: 15px

}

.areas a .content {

    display: table-cell

}

.areas a span {

    width: 22px;

    height: 22px;

    position: absolute;

    bottom: 0;

    right: 0;

    background-image: url(../images/icon-more.png)!important

}

@media (max-width: 640px) {

    .areas a span {

        width: 30px;

        height: 30px

    }

}

.galery-pictures {

    margin-top: 35px;

    position: relative

}

.galery-pictures .list {

    margin: 35px 0

}

.galery-pictures .list a {

    float: left;

    width: 25%;

    box-sizing: border-box;

    border-right: 2px solid #fff;

    border-top: 2px solid #fff;

    overflow: hidden;

    height: 143px;

    background: #ccc;

    position: relative;

    display: inline-block

}

@media (max-width: 768px) {

    .galery-pictures .list a {

        width: 50%

    }

    .galery-pictures .list a:nth-child(3),

    .galery-pictures .list a:nth-child(4),

    .galery-pictures .list a:nth-child(5) {

        display: none

    }

    .galery-pictures .list a:last-child {

        width: 100%;

        height: 80px

    }

}

.galery-pictures .list a img {

    width: 100%;

    transition: all .2s ease-in-out;

    transform: scale(1);

    height: 100%

}

.gallery-photos .list ul li a:hover img,

.headers .arrows div:hover,

.parceiros li a.image:hover img {

    transform: scale(1.2)

}

.parceiros2 li a.image:hover img {

    transform: scale(1.2)

}

.galery-pictures .list a.image:before {

    position: absolute;

    width: 25px;

    height: 25px;

    background: url(../images/ico-expand.png)center center no-repeat;

    bottom: 4%;

    right: 4%;

    z-index: 2

}

.galery-pictures .list a.video:before {

    position: absolute;

    width: 30px;

    height: 30px;

    background: url(../images/ico-play.png)center center no-repeat;

    bottom: 4%;

    right: 4%;

    z-index: 2

}

.galery-pictures .list a:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .2)

}

.links-acess {

    margin-bottom: 35px

}

.links-acess li {

    float: left;

    width: 31.42%;

    border-radius: 6px;

    border: 1px solid #326179;

    display: table;

    position: relative;

    margin-right: 2.65957%;

    height: 120px;

    min-height: 120px;

    overflow: hidden

}

@media (max-width: 949px) {

    .galery-pictures,

    .links-acess {

        padding: 0 2%;

        box-sizing: border-box

    }

    .links-acess li {

        width: 100%;

        float: none;

        margin-bottom: 20px

    }

}

.links-acess li.transporte {

    border: 1px solid #cd3a3a;

    padding: 0 0 0 2%;

    text-align: left;

    box-sizing: border-box

}

.links-acess li.transporte:hover .info {

    color: #871f1f

}

.links-acess li.transporte .info {

    color: #b02929;

    font-size: 1.6em;

    font-weight: 700;

    width: 100%;

    line-height: 1.4em;

    transition: color .6s ease

}

.links-acess li.transporte .info img {

    float: left;

    margin: 15px 10%

}

.links-acess li.transporte .info h4 {

    float: right;

    width: 61%;

    margin: 10px 10% 10px 0

}

@media (max-width: 949px) {

    .links-acess li.transporte {

        padding: 0

    }

    .links-acess li.transporte .info img {

        display: none

    }

    .links-acess li.transporte .info h4 {

        float: none;

        text-align: center;

        width: 100%;

        margin: 30px 0

    }

}

.links-acess li .info {

    display: table-cell

}

.links-acess li:last-child {

    margin-right: 0

}

.links-acess li h3 {

    font-size: 2em;

    color: #326179;

    margin-bottom: 10px

}

.links-acess li p {

    font-size: 1.6em;

    color: #326179;

    line-height: 1.5em;

    font-weight: 400;

    font-family: "Open Sans", sans-serif

}

.am4logo {

    float: right;

    margin-top: 3%

}

.gallery-photos {

    margin: 35px 0

}

.gallery-photos .list {

    width: 100%;

    overflow: hidden;

    position: relative

}

.gallery-photos .list ul {

    position: relative;

    width: 3000px;

    height: 143px;

    overflow: hidden

}

.gallery-photos .list ul li {

    max-width: 100%;

    position: relative;

    float: left;

    width: 100%;

    left: 0;

    transition: left .6s ease;

    box-sizing: border-box

}

.gallery-photos .list ul li a {

    float: left;

    width: 25%;

    border-right: 1px solid #fff;

    box-sizing: border-box;

    position: relative;

    overflow: hidden

}

@media (max-width: 450px) {

    .gallery-photos .list ul {

        height: auto

    }

    .gallery-photos .list ul li a {

        width: 50%

    }

}

.gallery-photos .list ul li a img {

    transition: all .6s ease-in-out;

    width: 100%

}

.gallery-photos .list ul li a.image:before {

    position: absolute;

    width: 25px;

    height: 25px;

    background: url(../images/ico-expand.png)center center no-repeat;

    bottom: 8%;

    right: 4%;

    z-index: 2

}

.gallery-photos .list ul li a.video:before {

    position: absolute;

    width: 30px;

    height: 30px;

    background: url(../images/ico-play.png)center center no-repeat;

    bottom: 8%;

    right: 4%;

    z-index: 2

}

.headers {

    padding-bottom: 5px;

    margin-bottom: 15px;

    position: relative

}

.headers .arrows {

    position: absolute;

    right: 0;

    top: 5px

}

.headers .arrows div {

    cursor: pointer;

    background: url(../images/arrows.png)no-repeat;

    height: 14px;

    width: 14px;

    display: inline-block;

    transition: all .6s ease

}

.headers .arrows div#prev {

    background-position: 0 center

}

.headers .arrows div#next {

    background-position: -16px center

}

.banner-cdurp {

    width: 100%;

    background: url(../images/bg-cudurp.jpg)center center no-repeat;

    display: block;
   /* height: 94px; */
    overflow: hidden;
    background-size: cover;
    /* margin: 35px 0; */
    color: #326179;
    /* padding: 24px 3%; */
    box-sizing: border-box;
    font-weight: 700;
    margin: 100px 0 0;

}

.banner-cdurp .title {

    font-size: 40px;

    font-weight: 700;

    text-align: left;

    font-family: Oswald, sans-serif;

    line-height: 50px

}

@media (max-width: 450px) {

    .banner-cdurp {

        height: auto

    }

    .banner-cdurp .title {

        float: none;

        text-align: center

    }

}

.banner-cdurp .text {

    font-size: 14px;

    line-height: 19px;

    float: right;

    width: 59%;

    display: inline-block

}

.information {

    font-size: 16px;

    line-height: 20px;

    font-family: "Open Sans" sans-serif

}

.acordion {

    margin: 0 0 35px

}

@media (max-width: 949px) {

    .acordion {

        padding: 0 2%;

        box-sizing: border-box

    }

}

.acordion>li {

    border: 1px solid #ccc;

    margin-bottom: 25px

}

.acordion>li:last-child {

    margin-bottom: 0

}

.acordion>li .header {

    padding: 22px 6% 22px 3%;

    box-sizing: border-box;

    cursor: pointer;

    position: relative;

    background: url(../images/mais.png)97% center no-repeat #fff

}

.acordion>li .header.active {

    background: url(../images/menos.png)97% center no-repeat #fff

}

.acordion>li .header h2 {

    font-size: 1.8em;

    line-height: 1.6em;

    font-family: Oswald, sans-serif

}

@media (max-width: 450px) {

    .banner-cdurp .text {

        width: auto;

        float: none

    }

    .acordion>li .header h2 {

        font-size: 1.8em

    }

}

.acordion>li .info {

    font-family: "Open Sans" sans-serif;

    line-height: 22px;

    padding: 25px 3%;

    box-sizing: border-box;

    display: none;

    border-top: 1px solid #ccc

}
.new .blocks{
    min-height: 90px !important;
}

.acordion>li .info .blocks {

    width: 30%;

    float: left;

    margin-right: 3%;

    margin-bottom: 5px;

    min-height: 145px;
    border-bottom: 0;

}
.acordion>li .info .blocks:nth-child(3n+1){
    clear: both;
}
.acordion>li .info .blocks2 {

    width: 100%;

    float: left;

    margin-right: 3%;

    margin-bottom: 5px;

    min-height: 145px;
	
	text-align: justify

}

@media (max-width: 850px) {

    .acordion>li .info .blocks {

        width: 100%;

        float: none;

        background: #f0f0f0;

        padding: 20px 2%;

        box-sizing: border-box

    }

}

.acordion>li .info .blocks:last-child {

    margin-bottom: 0;

    margin-right: 0

}

.people {

    color: #326179 !important;

    font-size: 1.6em !important;

    font-weight: 700

}

.acordion>li .info  a,

.acordion>li .info  p {

    color: #666;

    font-size: 16px !important;

    margin-bottom: 4px

}

/*.pdf-leis a {

    display: table;

    width: 100%;

    margin-bottom: 40px;

    position: relative;

    padding: 0 5%;

    box-sizing: border-box;
    border-bottom: 0; 

}*/

.pdf-leis .boxpdfleis {

    display: table;

    width: 100%;

    margin-bottom: 40px;

    position: relative;

    padding: 0 5%;

    box-sizing: border-box;
    border-bottom: 0;

}
.pdf-leis .boxpdfleis a {cursor: pointer;}

.pdf-leis .boxpdfleis .title a  {color: #326179;}
.pdf-leis .boxpdfleis span a  {color: #666;}


.pdf-leis .boxpdfleis:last-child {

    margin-bottom: 0

}

.pdf-leis .boxpdfleis div {

    width: 85%;

    float: right;

    line-height: 2.1em

}

@media (max-width: 450px) {

    .pdf-leis .boxpdfleis div {

        width: 70%

    }

}

.pdf-leis .boxpdfleis div .title {

    color: #326179;

    font-size: 1.6em;

    font-family: Oswald, sans-serif

}

.pdf-leis .boxpdfleis div span {

    display: block;

    font-family: "Open Sans" sans-serif;

    color: #666;

    font-size: 1.6em;
    line-height: 24px;

}

.pdf-leis .boxpdfleis .ico {

    background: url(../images/ico-pdf.png)center center no-repeat;

    display: block;

    float: left;

    width: 38px;

    height: 42px;

    margin: 15px 2%

}

/*.pdf-leis a:last-child {

    margin-bottom: 0

}*/

/*.pdf-leis a div {

    width: 85%;

    float: right;

    line-height: 2.1em

}

@media (max-width: 450px) {

    .pdf-leis a div {

        width: 70%

    }

}

.pdf-leis a div .title {

    color: #326179;

    font-size: 1.6em;

    font-family: Oswald, sans-serif

}

.pdf-leis a div span {

    display: block;

    font-family: "Open Sans" sans-serif;

    color: #666;

    font-size: 1.6em

}

.pdf-leis a .ico {

    background: url(../images/ico-pdf.png)center center no-repeat;

    display: block;

    float: left;

    width: 38px;

    height: 42px;

    margin: 15px 2%

}*/

.parceiros {

    margin: 35px 0 15px

}

@media (max-width: 949px) {

    .parceiros {

        padding: 0 2%

    }

}

.parceiros li {

    border: 1px solid #ccc;

    padding: 10px 1%;

    box-sizing: border-box;

    float: left;

    margin-bottom: 20px;

    width: 32%;

    text-align: center;

    margin-right: 2%;

    line-height: 2.2em;

    position: relative

}

.parceiros li:nth-child(3n) {

    margin-right: 0

}

@media (max-width: 400px) {

    .parceiros li {

        width: 100%;

        margin-right: 0

    }

    .parceiros li:last-child {

        margin-bottom: 0

    }

}

.parceiros li img {

    width: 100%;

    margin-bottom: 10px

}

.parceiros li h2 {

    color: #326179;

    font-size: 1.8em;

    font-family: Oswald, sans-serif

}

.parceiros li .date,

.parceiros li a {

    font-family: "Open Sans" sans-serif;

    color: #666;

    font-size: 1.4em

}

.parceiros2 {

    margin: 35px 0 15px

}

@media (max-width: 949px) {

    .parceiros2 {

        padding: 0 2%

    }

}

.parceiros2 li {

    border: 1px solid #ccc;

    padding: 10px 1%;

    box-sizing: border-box;

    float: left;

    margin-bottom: 20px;

    width: 18%;

    text-align: left;

    margin-right: 2%;

    line-height: 2.2em;

    position: relative

}

.parceiros2 li:nth-child(3n) {

    margin-right: 2%;

}

@media (max-width: 400px) {

    .parceiros2 li {

        width: 100%;

        margin-right: 0

    }

    .parceiros2 li:last-child {

        margin-bottom: 0

    }

}

.parceiros2 li img {

    width: 100%;

    margin-bottom: 10px

}

.parceiros2 li h2 {

    color: #326179;

    font-size: 1.8em;

    font-family: Oswald, sans-serif;
        height: 68px;
    overflow: hidden;
    display: none;

}

.parceiros2 li .date,

.parceiros2 li a {

    font-family: "Open Sans" sans-serif;

    color: #666;

    font-size: 1.4em;
    overflow: inherit;

}

.links li h2,

.links-bottom a,

.list-articles article .box h2,

.list-downloads li .text h2 {

    font-family: Oswald, sans-serif

}

.parceiros li a {

    position: relative;

    display: block;

    overflow: hidden;

    width: 100%

}

.parceiros li a.image {

    height: 183px;

    margin-bottom: 10px

}

@media (max-width: 949px) {

    .parceiros li a.image {

        /*height: auto*/

    }

}

.parceiros li a.image:before {

    position: absolute;

    width: 25px;

    height: 25px;

    background: url(../images/ico-expand.png)center center no-repeat;

    bottom: 8%;

    right: 4%;

    z-index: 2

}

.parceiros li a.image img {

    transform: scale(1.1);

    transition: all .6s ease;

    width: 100%

}

.parceiros li a.video {

    height: 183px;

    margin-bottom: 10px

}

@media (max-width: 949px) {

    .parceiros li a.video {

        height: auto

    }

}

.parceiros li a.video:before {

    position: absolute;

    width: 30px;

    height: 30px;

    background: url(../images/ico-play.png)center center no-repeat;

    bottom: 8%;

    right: 4%;

    z-index: 2

}

.parceiros li a.video:hover img {

    transform: scale(1.2)

}

.parceiros li a.video img {

    transform: scale(1.1);

    transition: all .6s ease;

    width: 100%

}

.parceiros2 li a {

    position: relative;

    display: block;

    overflow: ;

    width: 100%

}

.parceiros2 li a.image {

    height: 98px;

    margin-bottom: 10px

}

@media (max-width: 949px) {

    .parceiros2 li a.image {

        height: auto

    }

}

.parceiros2 li a.image:before {

    position: absolute;

    width: 25px;

    height: 25px;

    background: url(../images/ico-expand2.png)center center no-repeat;

    bottom: -32%;

    right: -6%;

    z-index: 2

}

.parceiros2 li a.image img {

    transform: scale(1.1);

    transition: all .6s ease;

    width: 100%;

    height: 94px;

}

.parceiros2 li a.video {

    height: 183px;

    margin-bottom: 10px;

}

@media (max-width: 949px) {

    .parceiros2 li a.video {

        height: auto

    }

}

.parceiros2 li a.video:before {

    position: absolute;

    width: 30px;

    height: 30px;

    background: url(../images/ico-play.png)center center no-repeat;

    bottom: 8%;

    right: 4%;

    z-index: 2

}

.parceiros2 li a.video:hover img {

    transform: scale(1.2)

}

.parceiros2 li a.video img {

    transform: scale(1.1);

    transition: all .6s ease;

    width: 100%

}

@media (max-width: 949px) {

    .links-bottom {

        padding: 0 2%

    }

}

.links-bottom a {

    margin-right: 2%;

    border: 1px solid #326179;

    font-size: 1.6em;

    color: #326179;

    padding: 30px 1%;

    border-radius: 10px;

    text-align: center;

    width: 32%;

    float: left;

    display: block;

    box-sizing: border-box

}

.links-bottom a:last-child {

    margin-right: 0

}

@media (max-width: 640px) {

    .links-bottom a {

        width: 100%;

        float: none;

        margin-right: 0;

        margin-bottom: 15px

    }

    .links-bottom a:last-child {

        margin-bottom: 0

    }

}

.links li {

    width: 48.93617%;

    float: left;

    border: 1px solid #ccc;

    display: table;

    height: 74px;

    margin-bottom: 20px

}

.links li:last-child {

    margin-bottom: 0

}

.links li:nth-child(even) {

    float: right

}

@media (max-width: 640px) {

    .links li {

        width: 100%;

        float: none

    }

}

@media (max-width: 400px) {

    .links li {

        display: block;

        height: auto

    }

}

.links li img {

    float: left;

    width: 100%;

    height: 100%;

    display: table-cell;

    box-sizing: border-box;

    border-right: 20px solid #fff

}

@media (max-width: 400px) {

    .links li img {

        display: block;

        border-right: 0;

        float: none

    }

}

.links li h2 {

    display: table-cell;

    color: #326179;

    font-size: 1.6em;

    width: 70%

}

@media (max-width: 400px) {

    .links li h2 {

        width: 100%;

        text-align: center;

        margin: 15px 0;

        display: block

    }

}

.links li h2 a {

    color: #326179

}

.links li .logos {

    display: block

}

.list-downloads li {

    float: left;

    box-sizing: border-box;

    width: 32%;

    margin-right: 2%;

    margin-bottom: 20px;

    height: 200px

}

.list-downloads li:nth-child(3n) {

    margin-right: 0

}

@media (max-width: 949px) {

    .list-downloads li {

        width: 49%

    }

    .list-downloads li:nth-child(3n) {

        margin-right: 2%

    }

    .list-downloads li:nth-child(2n) {

        margin-right: 0

    }

}

@media (max-width: 640px) {

    .list-downloads li {

        width: 100%;

        margin-right: 0

    }

    .list-downloads li:last-child {

        margin-bottom: 0

    }

}

.list-downloads li .text {

    border: 1px solid #ccc;

    width: 100%;

    display: table;

    padding: 20px 4%;

    text-align: center;

    height: 155px;

    overflow: hidden;

    box-sizing: border-box

}

.list-downloads li .text h2 {

    color: #326179;

    font-size: 1.8em;

    line-height: 28px;

    display: table-cell;

    height: 115px;

    overflow: hidden

}

.artigos {

    text-align: center

}

.artigos li {

    float: left;
    box-sizing: border-box;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    height: 200px;position: relative;
   
}

}

@media (max-width: 400px) {

    .artigos li {

        width: 100%;

        margin-right: 0

    }

    .artigos li:last-child {

        margin-bottom: 0

    }

}

.artigos li:nth-child(3n) {

    margin-right: 0

}

.artigos li .text { width: 90%; text-align: center; margin: 0 auto;    height: 132px;
    overflow: hidden;}

.list-articles {

    width: 100%

}

.list-articles article {

    margin-bottom: 35px

}

.list-articles article:last-child {

    margin-bottom: 0

}

.list-articles article.introduction {

    background: url(../images/bg-apresentacao.jpg)top center no-repeat

}

.list-articles article.relat {

    background: url(../images/bg-relatorio.jpg)top center no-repeat

}

.list-articles article.anexos {

    background: url(../images/bg-anexos.jpg)top center no-repeat

}

.list-articles article .box {

    margin: 0 3%;

    padding-top: 200px;

    box-sizing: border-box

}

.list-articles article .box .content {

    padding: 20px 4%;

    background: #f3f3f4;

    box-sizing: border-box

}

.list-articles article .box h2 {

    color: #326179;

    line-height: 35px;

    font-size: 18px

}

.noticies .results {

    padding-bottom: 15px;

    margin-bottom: 15px;

    font-size: 1.4em;

    font-family: "Open Sans", sans-serif

}

.noticies .results strong {

    color: #6a3c00;

    font-weight: 700

}

.list-noticies {

    margin: 35px 0

}

.list-noticies article {

    padding-bottom: 15px;

    margin-bottom: 15px

}

.list-noticies article .infos {

    margin-bottom: 15px;

    font-family: Oswald, sans-serif;

    font-size: 1.2em

}

.list-noticies article .infos span {

    color: #326179

}

.list-noticies article .picture {

    float: left;

    width: 35.48387%;  height: 136px;
  overflow-y: hidden;

}

.list-noticies article .picture img{
    /*height: 136px;*/
}

@media (max-width: 450px) {

    .list-noticies article .picture {

        float: none;

        width: 100%;

        margin-bottom: 15px

    }

}

.list-noticies article .right {

    float: right;

    width: 61.29032%

}

@media (max-width: 450px) {

    .list-noticies article .right {

        float: none;

        width: 100%;

        margin-bottom: 15px

    }

}

.list-noticies article .description {

    color: #666;

    font-family: "Open Sans", sans-serif;

    margin-bottom: 5px;

    display: block;
	font-size: 14px;

}

.destaques-box .abas div,

.destaques-box .content .box article .info,

.destaques-box .content .box article .title,

.filter-side .row input,

.filter-side .row select,

.search-bt,

.tags span,

.title-noticie,

.title-noticie a,

.view-all {

    font-family: Oswald, sans-serif

}

.title-noticie,

.title-noticie a {

    font-size: 22px;

    line-height: 29px;

    margin-bottom: 8px;

    color: #326179

}

.filter-side {

    margin: 25px 0

}

.filter-side .row {

    margin-bottom: 10px

}

.filter-side .row:last-child {

    margin-bottom: 0

}

.filter-side .row input,

.filter-side .row select {

    width: 100%;

    border: 1px solid #ccc;

    padding: 10px;

    background: #fff;

    box-sizing: border-box;

    color: #999;

    font-size: 12px;

    display: inline-block;

    outline: 0

}

.filter-side .row .col {

    float: left;

    width: 49%;

    margin-right: 2%;

    position: relative

}

.filter-side .row .col:last-child {

    margin-right: 0

}

.search-bt,

.view-all {

    width: 100%;

    cursor: pointer;

    color: #fff!important;

    background: #326179!important;

    font-size: 12px;

    transition: all .6s ease;

    outline: 0;

    display: block;

    text-align: center;

    padding: 10px 0;

    border: 0

}

.search-bt:hover,

.view-all:hover {

    background: #22495d

}

.destaques-box {

    margin: 35px 0;

    border: 1px solid #ccc

}

@media (max-width: 640px) {

    .destaques-box {

        display: none

    }

}

.destaques-box .abas {

    margin-bottom: 20px

}

.destaques-box .abas div {

    float: left;

    width: 50%;

    padding: 15px 0;

    background: #dee2e2;

    text-align: center;

    color: #666;

    font-size: 1.2em;

    cursor: pointer;

    position: relative

}

.destaques-box .abas div.active {

    background: #6a3c00;

    color: #fff

}

.destaques-box .abas div.active:after {

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    position: absolute;

    bottom: -5px;

    margin: 0 auto;

    text-align: center;

    left: 48%;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #6a3c00

}

.destaques-box .content .box {

    padding: 0 8%;

    box-sizing: border-box;

    display: none

}

.destaques-box .content .box:first-child {

    display: block

}

.destaques-box .content .box article {

    border-bottom: 1px solid #ccc;

    padding-bottom: 15px;

    margin-bottom: 15px

}

.destaques-box .content .box article .info {

    margin-bottom: 10px;

    font-size: 1.2em;

    color: #999

}

.destaques-box .content .box article .title {

    color: #666;

    font-size: 1.8em;

    line-height: 24px;

    display: block;

    margin-bottom: 10px

}

.destaques-box .content .box article .sub {

    color: #666;

    font-size: 1.4em

}

.destaques-box .content .box article.last {

    border-bottom: none

}

.tags {

    margin: 20px 0

}

@media (max-width: 640px) {

    .tags {

        display: none

    }

}

.tags span {

    border-radius: 10px;

    padding: 10px 9%;

    box-sizing: border-box;

    border: 1px solid #999;

    color: #999;

    font-size: 1.2em;

    margin-bottom: 10px;

    margin-right: 2%;

    display: inline-block

}

.header-noticie,

.header-noticie p {

    font-family: Oswald, sans-serif!important

}

.tags span:nth-child(2n) {

    margin-right: 0

}

@media (max-width: 640px) {

    .tagtitle {

        display: none

    }

}

.boxtags span,

.share .bt-share {

    font-size: 1.2em;

    display: inline-block

}

.header-noticie {

    color: #666;

    font-weight: 700;

    padding-bottom: 10px;

    margin-bottom: 15px;

    line-height: 23px;

    border-bottom: 1px solid #666

}

.header-noticie h1 {

    font-size: 1.6em;

    font-weight: 700

}

.header-noticie p {

    color: #999;

    font-size: 1.2em

}

.acess-side,

.banco-images .list li .blocks .title-revist,

.banco-images .list li .blocks h3,

.box-contact div,

.boxnews .box .row,

.boxtags,

.clippingimg li,

.contact-us .row input[type=text],

.contact-us .row label,

.contact-us .row select,

.contact-us .row textarea,

.images .date,

.links-side>a,

.links-side>a p,

.links-side>div,

.links-side>div p,

.list-articles li .date,

.more-noticies article,

.share .bt-share,

.side-thumbs a span {

    font-family: Oswald, sans-serif

}

.images-noticies {

    width: 100%;

    position: relative;

    overflow: hidden;

    margin: 35px 0 20px

}

.images-noticies .arrow {

    width: 34px;

    height: 34px;

    cursor: pointer;

    background: center center no-repeat rgba(255, 255, 255, .85);

    position: absolute;

    z-index: 2;

    top: 40%

}

.revist,

.share .bt-share {

    position: relative

}

.images-noticies .arrow.prev {

    left: 0;

    background-image: url(../images/left-arrow.png)

}

.images-noticies .arrow.next {

    background-image: url(../images/right-arrow.png);

    right: 0;

}

.images-noticies ul {

    width: 100%

}

.images-noticies ul li {

    float: left;

    width: 100%;

    left: 0;

    position: relative;

    transition: left .6s ease-in-out

}

.images-noticies ul li div{
    width: 100% !important;
    height: auto !important;
}

.images-noticies ul li img {

    width: 100% !important;
    height: auto !important;
    vertical-align: middle !important;

}

.boxtags {

    margin: 35px 0 15px;

    border-top: 1px solid #999;

    border-bottom: 1px solid #999;

    padding: 15px 0;
    display: none;
    color: #999

}

.boxtags h2 {

    font-size: 1.6em;

    font-weight: 700;

    float: left;

    line-height: 30px;

    margin-right: 2%

}

.boxtags span {

    border-radius: 5px;

    padding: 5px 3%;

    border: 1px solid #ccc;

    color: #999;

    margin-bottom: 5px;

    margin-right: 2%

}

@media (max-width: 400px) {

    .boxtags h2 {

        float: none;

        text-align: center

    }

    .boxtags .tag {

        width: 100%;

        margin: 5px 0

    }

}

.share {

    text-align: right

}

.share .bt-share {

    cursor: pointer;

    padding: 10px 6% 10px 3%;

    color: #999;

    text-align: center;

    background: url(../images/ico-share.png)90% center no-repeat #f3f3f4

}

.revist ul li,

.share .box {

    display: none

}

.share .box {

    padding: 10px 4%;

    background: #326179;

    text-align: right;

    margin: 5px 0

}
.share .box .boxfacebook{
    float: right;
    margin-top: 8px;
    margin-right: 10px;
}
.share .box .boxtwitter{
    float: right; 
    margin-top: 7px;
    margin-right: 10px; 
}
.share .box .boxgoogle{
    float: right; 
    margin-top: 5px; 
}

.more-noticies {

    margin: 35px 0

}

.more-noticies article {

    float: left;

    width: 31.019%;

    margin-right: 3.22581%

}

@media (max-width: 400px) {

    .more-noticies article {

        float: none;

        width: 100%;

        margin-right: 0;

        margin-bottom: 10px

    }

    .more-noticies article:last-child {

        margin-bottom: 0

    }

}

.more-noticies article:last-child {

    margin-right: 0

}

.more-noticies article img {

    width: 100%;

    margin-bottom: 15px

}

.more-noticies article .title {

    color: #666;

    font-size: 1.8em;

    line-height: 23px

}

.date-event,

.images .date {

    color: #326179; /*display: none;*/

}

.revist .arrow {

    width: 18px;

    height: 75px;

    position: absolute;

    cursor: pointer;

    top: 35%

}

.events a,

.images {

    position: relative

}

@media (max-width: 400px) {

    .revist .arrow {

        display: none

    }

}

.revist .arrow.prev {

    background: url(../images/revistaleft.png)center center no-repeat;

    left: 0

}

.revist .arrow.next {

    background: url(../images/revistaright.png)center center no-repeat;

    right: 0

}

.revist ul {

    width: 94%;

    margin: 0 auto

}

.revist ul li:first-child {

    display: block

}

.events a {

    float: left;

    width: 32%;

    margin-right: 2%;

    padding: 15px 1%

}

.images,

.images img {

    width: 100%

}

.events a:nth-child(3n) {

    margin-right: 0

}

@media (max-width: 640px) {

    .events a {

        width: 100%;

        float: none;

        margin-right: 0

    }

}

.events a h3 {

    height: 57px;

    overflow: hidden

}

.events a span {

    height: 65px;

    overflow: hidden;

    display: block

}

.images {

    overflow: hidden;

    margin-bottom: 10px;
        height: 150px;

}

.images .date {

    width: 60px;

    background: #fff;

    padding: 15px 0;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    position: absolute;

    top: 10px;

    left: 2%

}

.images .date strong {

    font-weight: 700;

    font-size: 23px

}

.image-event {

    width: 100%;

    margin: 25px 0

}

@media (max-width: 640px) {

    .others {

        margin: 35px 0

    }

}

.contact-us {

    margin: 35px 0

}

.contact-us .row {

    margin-bottom: 20px

}

.contact-us .row .col {

    width: 48.3871%;

    float: left

}

.contact-us .row .col:nth-child(even) {

    float: right

}

.contact-us .row input[type=text],

.contact-us .row select,

.contact-us .row textarea {

    width: 100%;

    color: #999;

    padding: 6px 3%;

    box-sizing: border-box;

    border: 1px solid #ccc;

    transition: border .6s ease;

    outline: 0

}
.contact-us .row input:required, .contact-us .row textarea:required{box-shadow: none !important;}

.contact-us .row input[type=text].msg,

.contact-us .row select.msg,

.contact-us .row textarea.msg {

    height: 140px;

    resize: none;

    margin-bottom: 10px

}

.contact-us .row input[type=text]:focus,

.contact-us .row select:focus,

.contact-us .row textarea:focus {

    border: 1px solid #326179

}

.contact-us .row label {

    color: #999;

    cursor: pointer;

    line-height: 18px;

    font-size: 1.2em;

    display: block;

    margin-bottom: 10px;

    transition: color .6s ease

}

.acess-side,

.box-contact div {

    line-height: 25px;

    font-size: 18px

}

.box-contact {

    margin-bottom: 20px;

    border: 1px solid #ccc;

    padding: 15px 5%;

    box-sizing: border-box;

    display: inline-block;

    width: 100%

}

.box-contact div {

    border-bottom: 1px solid #ccc;

    padding-bottom: 15px;

    margin-bottom: 15px;

    color: #666

}

.box-contact div img {

    margin-right: 3%

}

.box-contact div a {

    color: #666;
    pointer-events: none;

}

.box-contact div:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none

}

.acess-side {

    margin-bottom: 10px;

    width: 100%;

    background: bottom right no-repeat #eddcb2;

    height: 100px;

    display: table;

    color: #333;

    padding: 25px 12%;

    box-sizing: border-box

}

.acess-side.rede {

    background-image: url(../images/marker-social.png)

}

.acess-side.sala {

    background-image: url(../images/marker-news.png)

}

.acess-side.sala img {

    margin-right: 10%;

    margin-left: 7%

}

@media (max-width: 640px) {

    .acess-side {

        float: left;

        width: 48.5%;

        height: 170px

    }

    .acess-side.sala {

        float: right

    }

}

@media (max-width: 400px) {

    .acess-side {

        width: 100%;

        float: none;

        height: auto

    }

}

.acess-side img {

    float: left;

    margin-right: 5%

}

@media (max-width: 949px) {

    .acess-side {

        text-align: center

    }

    .acess-side img {

        float: none;

        text-align: center;

        display: block;

        margin: 5px auto!important

    }

}

.okmessage {

    text-align: center;

    display: none;
    margin: 100px;

}

.okmessage img {
    margin: 10px auto

}

.okmessage h3 {

    font-size: 34px;

    color: #326179;

    font-weight: 700;

    line-height: 24px

}

.okmessage p {

    color: #000;

    font-weight: 700

}

.search-tops {

    margin: 15px 0;

    padding-bottom: 15px;

    border-bottom: 1px solid #999

}

.search-tops .col {

    float: left;

    margin-right: 2.41935%;

    position: relative

}

@media (max-width: 400px) {

    .search-tops .col {

        width: 100%!important;

        margin-bottom: 10px;

        padding: 0 2%;

        box-sizing: border-box

    }

}

.search-tops .col:last-child {

    width: 10.78%;

    margin-right: 0

}

.search-tops .col:first-child {

    width: 43.54839%

}

.search-tops .col.date {

    width: 19.18%

}

.search-tops .col input[type=text] {

    width: 100%;

    border: 1px solid #ccc;

    padding: 10px;

    background: #fff;

    box-sizing: border-box;

    color: #999;

    font-size: 12px;

    display: inline-block;

    outline: 0;

    transition: border .6s ease

}

.search-tops .col input[type=text]:focus {

    border: 1px solid #326179

}

.search-tops .col .search {

    width: 100%;

    cursor: pointer;

    color: #fff;

    background: #326179;

    font-size: 12px;

    outline: 0;

    display: block;

    text-align: center;

    padding: 11px 0;

    border: 0

}

.list-articles {

    margin: 35px 0

}

.list-articles li {

    padding-bottom: 15px;

    border-bottom: 1px solid #999;

    margin-bottom: 15px;

    line-height: 22px;

    font-family: Oswald, sans-serif

}

.list-articles li .date {

    color: #999;

    font-size: 1.2em;

    margin-bottom: 5px

}

.list-articles li a {

    color: #326179;

    font-size: 2.2em;

    line-height: 24px

}

.contacts-side {

    margin: -7px 0;

   /* border: 1px solid #ccc;*/

    padding: 15px 0;

    box-sizing: border-box;

    text-align: left;

    position: relative

}

.contacts-side .arrow {

    position: absolute;

    top: 90px;

    cursor: pointer;

    width: 35px;

    height: 35px;

    background: center center no-repeat #d4dee3

}

.banco-images .arrows,

.banco-images .list li .blocks img {

    width: 100%

}

.contacts-side .arrow.prev {

    background-image: url(../images/left.png);

    left: 0

}

.contacts-side .arrow.next {

    background-image: url(../images/right.png);

    right: 0

}

.contacts-side .peoples li {

    display: none;

    line-height: 18px

}

.contacts-side .peoples li:first-child {

    display: block

}

.contacts-side .peoples li img {

    margin: 0 auto 8px;

    border-radius: 100%

}

.contacts-side .peoples li h3,

.contacts-side .peoples li p {

    margin-bottom: 2px

}

.contacts-side .peoples li h3 {

    font-weight: 700;

    font-size: 14px

}

.contacts-side .peoples2 li {

    /*display: none;
*/
    line-height: 18px;
    margin-bottom: 20px; 

}

.contacts-side .peoples2 li:first-child {

    display: block

}

.contacts-side .peoples2 li img {

    margin: 0 auto 8px;

    border-radius: 100%

}

.contacts-side .peoples2 li h3,

.contacts-side .peoples2 li p {

    margin-bottom: 2px

}

.contacts-side .peoples2 li h3 {

    font-weight: 700;

    font-size: 14px

}

.banco-images {

    position: relative;

    margin-bottom: 80px

}

@media (max-width: 949px) {

    .banco-images.revistas {

        display: block

    }

    .banco-images {

        display: none

    }

}

.banco-images .list li {

    border: 1px solid #ccc;

    display: none

}

.banco-images .list li:first-child {

    display: block

}

.banco-images .list li .blocks {

    padding: 10px 3%;

    box-sizing: border-box

}

.banco-images .list li .blocks:last-child h3 {

    border-bottom: none

}

.banco-images .list li .blocks.revist {

    padding: 20px 5% 0

}

.banco-images .list li .blocks.revist:last-child .sub {

    border-bottom: 0;

    padding-bottom: 0

}

.banco-images .list li .blocks h3 {

    font-size: 16px;

    color: #666;

    line-height: 20px;

    text-align: center;

    font-weight: 700;

    border-bottom: 1px solid #ccc;

    padding-bottom: 15px

}

.banco-images .list li .blocks .title-revist {

    display: block;

    margin-bottom: 8px;

    color: #666;

    font-size: 18px;

    line-height: 23px

}

.banco-images .list li .blocks .sub {

    color: #666;

    font-size: 1.4em;

    line-height: 18px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 15px;

    margin-bottom: 15px;

    display: block

}

.banco-images .arrows div {

    display: inline-block;

    cursor: pointer;

    padding: 18px 0;

    width: 100%;

    float: left;

    border-right: 2px solid #fff;



}

.banco-images .arrows div.up {

    background: url(../images/up.png)center center no-repeat #326179

}

.banco-images .arrows div.down {

    background: url(../images/down.png)center center no-repeat #326179

}

.clippingimg {

    height: auto!important

}

.clippingimg li {

    border: 1px solid #ccc!important;

    padding: 8px .5%;

    text-align: center

}

.clippingimg li a {

    border-right: 7px solid #fff!important

}

.clippingimg li a:last-child {

    border-right: 0!important

}

.clippingimg li a span {

    color: #999;

    font-size: 1.2em;

    margin-top: 10px

}

.clippingimg li a h2 {

    font-weight: 700;

    font-size: 1.6em;

    color: #666;

    line-height: 22px

}

.clippingimg li a .pic {

    height: 129px;

    overflow: hidden;

    margin-bottom: 10px

}

@media (max-width: 400px) {

    .clippingimg li a .pic {

        height: auto

    }

}

.links-side>a,

.links-side>div {

    display: block;

    border-radius: 9px;

    border: 1px solid #326179;

    color: #326179;

    font-weight: 700;

    padding: 15px 5%;

    text-align: center;

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 20px;

    width: 100%;

    box-sizing: border-box;

    transition: all .6s ease

}

.links-side>a:hover,

.links-side>div:hover {

    border: 1px solid #19445a;

    color: #19445a

}

.links-side>a a,

.links-side>div a {

    font-size: 12px;

    border-top: 1px solid #326179;

    padding: 10px 0;

    display: block;

    color: #326179;

    font-weight: 400

}

.links-side>a a:last-child,

.links-side>div a:last-child {

    padding: 10px 0 0

}

.links-side>a p,

.links-side>div p {

    margin-bottom: 10px;

    font-size: 16px

}

.gallery-museu {

    margin: 25px 0

}

.gallery-museu .list {

    margin-bottom: 25px

}

.gallery-museu .list a {

    display: inline-block;

    /*width: 33.32%;*/

    width: 25%;
	
    float: left;

    border-right: 2px solid #fff;

    /*height: 145px;*/
    height: 112px;


	
    position: relative;

    box-sizing: border-box;

    cursor: pointer;

    overflow: hidden;
    margin-bottom: 2px;

}
.gallery-museu .list a.image:before {
   content: none;
}
/*
.gallery-museu .list a.image:before {

    position: absolute;

    width: 25px;

    height: 25px;

    background: url(../images/ico-expand.png)center center no-repeat;

    bottom: 4%;

    right: 4%;

    z-index: 2

}
*/
.gallery-museu .list a.video:before {

    position: absolute;

    width: 30px;

    height: 30px;

    background: url(../images/ico-play.png)center center no-repeat;

    bottom: 4%;

    right: 4%;

    z-index: 2

}

.gallery-museu .list a img {

    width: 100%;

    height: 100%;

}

.projects .links-boxside {

    width: 48.3871%;

    float: left;

    padding: 15px 1.5%

}

@media (max-width: 320px) {

    .projects .links-boxside {

        float: none;

        width: 100%

    }

}

.projects .links-boxside:nth-child(even) {

    float: right

}

.boxnews p {

    text-align: center

}

.boxnews .box {

    margin: 35px auto;

    width: 34.04255%

}

@media (max-width: 640px) {

    .boxnews .box {

        width: 100%

    }

}

.boxnews .box .row {

    margin-bottom: 15px

}

.boxnews .box .row input[type=text] {

    width: 100%;

    background: #fff;

    border: 1px solid #ccc;

    box-sizing: border-box;

    padding: 10px 2.5%;

    color: #999;

    font-size: 1.2em;

    outline: 0;

    transition: border .6s ease

}

.boxnews .box .row input[type=text]:focus {

    border: 1px solid #326179

}

.boxnews .box .row label {

    text-align: left;

    color: #999;

    cursor: pointer;

    font-size: 1.2em;

    line-height: 16px

}

.socials-imgs img {

    width: 100%;

    margin-bottom: 15px

}

@media (max-width: 949px) {

    .socials-imgs img {

        width: 33.25%;

        float: left;

        border-right: 2px solid #fff;

        box-sizing: border-box

    }

}

@media (max-width: 400px) {

    .socials-imgs img {

        float: none;

        border-right: none;

        width: 100%

    }

}

.calendar {

    width: 48.42105%;

    float: left

}

@media (max-width: 640px) {

    .calendar {

        float: none;

        width: 100%;

        margin-bottom: 20px

    }

}

.dates-events {

    float: right;

    width: 48.42105%

}

@media (max-width: 640px) {

    .dates-events {

        float: none;

        width: 100%

    }

}

.events-roll {

    margin-top: 0px

}

.events-roll .gallery {

    position: relative;

    width: 100%;

    overflow: hidden

}

.events-roll .gallery .list {

    width: 3000px;

    position: relative

}

.events-roll .gallery .list li {

    width: 460px;

    /*float: left;*/

    position: relative;

    left: 0;

    transition: left .6s ease

}

.events-roll .gallery .list li a {

    width: 48.91%;

    float: left;
    height: 250px;
    padding: 10px 1%;

    margin-right: 2.17391%

}

.events-roll .gallery .list li a:last-child {

    margin-right: 0

}

.events-roll .gallery .list li a h3 {

    border-bottom: none

}

.events-roll .gallery .arrow {

    position: absolute;

    top: 90px;

    cursor: pointer;

    width: 35px;

    height: 35px;

    z-index: 44;

    background: center center no-repeat rgba(50, 97, 121, .8)

}

.events-roll .gallery .arrow.prev {

    background-image: url(../images/left.png);

    left: 0

}

.events-roll .gallery .arrow.next {

    background-image: url(../images/right.png);

    right: 0

}

.vlt-apresentation {

    border-top: 1px solid #c7c7c7;

    padding-top: 25px;

    width: 90%

}

.vlt-apresentation a {

    transition: opacity .4s ease

}

.vlt-apresentation .destaque {

    width: 67.85714%;

    float: left;

    display: inline-block

}

@media (max-width: 949px) {

    .vlt-apresentation .destaque {

        width: 100%;

        float: none

    }

    .vlt-apresentation .destaque img {

        width: 100%

    }

}

.side-thumbs {

    width: 28.50714%;

    float: right

}

.side-thumbs a {

    display: inline-block;

    width: 100%;

    margin-bottom: 14px

}

.side-thumbs a:last-child {

    margin-bottom: 0

}

@media (max-width: 949px) {

    .side-thumbs {

        float: none;

        width: 100%

    }

    .side-thumbs a {

        width: 25%;

        float: left;

        text-align: center

    }

}

.side-thumbs a span {

    color: #666;

    line-height: 16px;

    font-size: 12px

}

.side-thumbs a img {

    width: 50%;

    float: left;

    margin-right: 5%

}

@media (max-width: 949px) {

    .side-thumbs a img {

        width: 100%;

        float: none;

        margin-bottom: 8px

    }

}
.events a .images img {height: 190px;}

@media (max-width: 600px) {
    .box-contact div a {

    color: #666;
    pointer-events: inherit;

}
.navigation .list>li:hover .submenu {

    max-height: 0;

    overflow: hidden

}
.navigation .list>li.active .submenu {

    max-height: 1700px;

    overflow: inherit

}

}

.list-downloads li .text h2 a { color: #326179}
.list-downloads li.english { height: 254px}
.list-downloads li.english .text {height: 249px; overflow: inherit;}
.list-downloads li.english .text h2.english {    width: 91%; margin-left: 15px; display: block; height: auto;}

.materias-alteracoes {
	width: 565px;
	margin: -24px auto;
	background: #f2f2f2;
	  padding: 34px;
	  margin-bottom: 8px;

}

.materias-alteracoes li{
	list-style: none;
	width: 517px;
	background: url(../images/set-transitos.jpg) no-repeat left;
	padding: 0 27px 0;
	font-size: 13px;
	color: #666;
	margin: 20px 0px;
	  font-weight: 800;
}
.materias-alteracoes li.red { background: url(../images/set-transito-red.jpg) no-repeat left; font-size: 14px; }
.materias-alteracoes li a {
	color: #666;
}
.titles-marks a {color: #666}
.noticies img {width: 100%}
.materias-alteracoes li.red a { color: #000;}
.materias-alteracoes li a span { font-weight: 400;}
.btnrevista { background-color: #326179;
  padding: 8px 14px;
  position: relative;
  top: -90px;
  color: #fff;
  font-size: 15px;}

  @media (max-width: 500px) {
    .btnrevista {

   position: relative;
   top: -10px;
}

}

.exit-message{position: absolute;top:200px;}

ul.links-acess li.transporte {
	padding: 0px;
	border-color: #326179;
}

ul.links-acess li.transporte a {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

ul.links-acess li.transporte a div {
	flex: 1;
	width: 100%;
}

ul.links-acess li.transporte a div:first-child {
	text-align: center;
}

ul.links-acess li.transporte a div img {
	float: none !important;
	margin: 8px 0px 3px 0px !important;
}

ul.links-acess li.transporte a div h5 {
	text-align: center;
	color: #326179;
}

ul.links-acess li.transporte a div h5 span {
	font-weight: 300;
}

@media (max-width: 949px) {
	.transporte > .info {
		display: table-cell !important;
	}
}