/*
 * Não identar este arquivo
 */
/*Desktop*/

#ng-integracao-lista-paginas {
    padding: 30px;
    padding-bottom: 0;
}

@media all and (min-width: 100px) {
    /*
     * Remove padrões da página
     */
    * {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        color: inherit;
        text-decoration: none;
        outline: none;
        box-sizing: border-box;
        box-shadow: 0;
    }

    .mobile {
        display: none;
    }

    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
    }

    :before, :after {
        box-sizing: border-box;
    }

    input:focus {
        outline: none;
    }

    input[type=text],
    input[type=password],
    textarea {
        font-family: "Swis721 BT", serif;
        font-size: 1rem;
    }

    /*Auto clear*/
    div:after,
    header:after,
    section:after,
    article:after,
    aside:after,
    form:after,
    menu:after,
    nav:after,
    ul:after,
    ol:after,
    li:after {
        content: " ";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
    }

    ::-moz-selection {
        background: #BBB;
        color: #222;
    }

    ::selection {
        background: #BBB;
        color: #222;
    }

    html {
        height: 100%;
    }

    body {
        font-family: "Swis721 BT", serif;
        background: #F6F5F6;
        min-width: 1000px;
        width: 100%;
        min-height: 100%;
        overflow: auto;
        position: relative;
    }

    #ng-redimensionar-fontes {
        margin-right: 0 !important;
    }

    #ng-integracao-acessibilidade > div section:first-child {
        margin-left: 0 !important;
    }


    .content_center .bottom i .containertransparencia {
        width: 1160px;
        height: auto;
        position: absolute;
        top: 32px;
        right: -160px;
        padding-top: 20px;
        display: none;
        z-index: 9999;
    }

    .content_center .bottom i .containertransparencia .display {
        width: 100%;
        height: 550px;
        background-color: #fff;
        float: left;
        position: relative;
        border-radius: 5px;
        box-shadow: 3px 10px 50px rgba(0, 0, 0, 0.5);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow: auto;
    }

    .content_center .bottom i .containertransparencia:after {
        content: none;
    }

    .content_center .bottom i .containertransparencia .seta {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 13px 11px;
        border-color: transparent transparent #ffffff transparent;
        position: absolute;
        top: 9px;
        right: 188px;
    }

    .content_center .bottom i .containertransparencia .display > h1 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 1.125rem;
        color: #4b4b4d;
        font-family: 'Roboto', sans-serif;
    }

    .content_center .bottom i .containertransparencia .display .item {
        width: 350px;
        height: auto;
        float: left;
        margin-left: 30px;
        padding: 15px 0 30px 0;
    }

    .content_center .bottom i .containertransparencia .display .item .titulo {
        width: 100%;
        float: left;
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        font-size: 1.071rem;
        color: #4b4b4d;
        margin-top: 15px;
    }

    .content_center .bottom i .containertransparencia .display .item > .ul {
        width: 100%;
        float: left;
        margin-top: 5px;
    }

    .content_center .bottom i .containertransparencia .display .item > .ul > .li {
        width: 100%;
        margin-top: 8px;
        float: left;
        font-family: 'Roboto', sans-serif;
        font-size: 0.9286rem;
        color: #4b4b4d;
    }

    .content_center .bottom i .containertransparencia .display .item > .ul > .li > a {
        width: 100%;
        height: 100%;
        float: left;
    }

    .content_center .bottom i .containertransparencia .display .item > .ul > .li:hover a {
        text-decoration: underline;
    }

    .content_center .bottom i:hover .containertransparencia {
        display: block;
    }


    .top_type {
        position: relative;
        margin: 0 auto;
        width: 90%;
        height: 5px;
        background: #00C63A;
    }

    .back_top {
        margin: 0 auto;
        background: url("../../img/site/back.jpg") center center / cover;
        width: 100%;
        height: 1142px;
        z-index: 0;
        position: absolute;
    }

    .center {
        margin: 0 auto;
    }

    .content_center {
        width: 1000px;
    }

    .back_top_old {
        position: relative;
        width: 1160px;
        height: 540px;
        transition: 0.3s;
        background: url("../../img/site/back_old.jpg") center center / cover;
    }

    .back_top_old header {
        min-height: 107px;
        padding-right: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .back_top_old header .topo {
        width: 100%;
        margin: 4px 0 8px;
        display: flex;
        justify-content: flex-end;
        padding-right: 9px;
    }

    .back_top_old header .topo a {
        padding: 5px 18px;
        background: #0080CF;
        color: #fff;
        font-size: 12px;
        transition: 0.2s;
    }

    .back_top_old header .topo a:hover {
        background: #005c9c;
    }

    .back_top_old header .bottom:after {
        content: none;
    }

    .back_top_old header .bottom {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .back_top_old header .log {
        flex-shrink: 1;
    }

    .back_top_old header .log img {
        width: 100%;
		max-width: 195px;
    }

    .back_top_old header menu {
        color: #FFFFFF;
        font-size: 0.8571rem;
        font-weight: bold;
        width: auto;
        display: flex;
        justify-content: space-between;
        letter-spacing: -1px;
        font-family: Arial;
        flex-grow: 1;
        margin: 0 30px;
    }

    .back_top_old header menu:after {
        content: none;
    }

    .back_top_old header menu menuitem {
        cursor: pointer;
        position: relative;
        white-space: nowrap;
        margin-left: 15px;
    }

    .back_top_old header menu menuitem:first-child {
        margin-left: 0;
    }

    .back_top_old header menu menuitem .gamb {
        display: none;
        width: 100%;
        height: 20px;
        position: absolute;
    }

    .back_top_old header menu menuitem:hover {
        color: #00f745;
    }

    .back_top_old header menu menuitem .sub_menu {
        color: #808080;
        background-color: #FFFFFF;
        position: absolute;
        top: 20px;
        left: 10px;
        z-index: 102;
        display: none;
    }

    .back_top_old header menu menuitem .sub_menu .seta_sub {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 9.5px 15px 9.5px;
        border-color: transparent transparent #FFFFFF transparent;
        position: absolute;
        top: -14px;
        z-index: 10;
        left: 14px;
        /*display: none;*/
    }

    .back_top_old header menu menuitem .sub_menu ul {
        padding: 22px;
    }

    .back_top_old header menu menuitem .sub_menu ul li {
        white-space: nowrap;
        margin-top: 10px;
    }

    .back_top_old header menu menuitem .sub_menu ul li:hover {
        color: #00f745;
    }

    .back_top_old header menu menuitem:hover .sub_menu {
        display: block;
    }

    .back_top_old header menu menuitem:hover .gamb {
        display: block;
    }

    .back_top_old header i {
        position: relative;
        width: 108px;
        height: 38px;
        background: url("../../img/site/access.png") center / contain no-repeat;
    }

    .back_top_old header i:hover .sub_ai {
        display: block;
        position: relative;
    }

    .ai {
        position: absolute;
        top: 0;
        right: 0;
        width: 97px;
        height: 67px;
        z-index: 200;
    }

    .ai:hover .sub_ai {
        display: block;
    }

    @media screen and (max-width: 999px) {
        .ai {
            display: none;
        }
    }

    .sub_ai {
        width: 902px;
        height: 430px;
        color: #4b4b4d;
        background-color: #f6f6f6;
        position: absolute;
        top: 56px;
        left: -810px;
        z-index: 102;
        border-radius: 7px;
        padding-left: 40px;
        padding-top: 35px;
        display: none;
        box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.5);
    }

    .sub_ai a:hover {
        color: #68C3EA;
    }

    .sub_ai .seta_sub_ai {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 9.5px 15px 9.5px;
        border-color: transparent transparent #F5F3EE transparent;
        position: absolute;
        top: -14px;
        z-index: 10;
        right: 30px;
        /*display: none;*/
    }

    .sub_ai ul {
        padding-left: 29px;
        margin-bottom: 40px;
        padding-top: 15px;
    }

    .sub_ai ul li.title {
        font-size: 1.071rem;
        text-transform: up;
    }

    .sub_ai ul li {
        font-size: 0.9286rem;
        line-height: 25px;
        font-family: "Swis721 BT", serif !important;
    }

    .sub_ai ul li a {
        width: 100%;
        height: 100%;
    }

    .sub_ai .left_ai {
        width: 320px;
        height: auto;
        float: left;
    }

    .sub_ai .mid_ai {
        width: 270px;
        height: auto;
        float: left;
    }

    .sub_ai .right_ai {
        width: 270px;
        height: auto;
        float: left;
    }

    .src {
        width: 42px;
        height: 80px;
        border-radius: 0 0 3px 3px;
        background-color: rgba(0, 0, 0, 0.36);
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .src img {
        margin-bottom: 10px;
        margin-left: 14px;
        z-index: 100;
    }

    .srr {
        width: 200px;
        height: 30px;
        border-radius: 0 0 3px 3px;
        position: absolute;
        right: 0;
        top: 0;
        color: white;
        display: none;
    }

    .srr input[type=text] {
        background-color: transparent;
        width: 100%;
        height: 100%;
        padding-left: 35px;
        padding-bottom: 5px;

    }

    .srr input[type=submit] {
        display: none;
    }

    footer {
        position: relative;
        width: 100%;
        height: 720px;
        display: flex;
        flex-direction: column;
    }

    footer > div {
        width: 100%;
        position: relative;
    }

    footer > div.map {
        height: 374px;
    }

    footer > div.bot {
        height: calc(100% - 374px);
    }

    footer > div.map > * {
        width: 100%;
        height: 100%;
    }

    footer > div.map > .capa {
        position: absolute;
    }

    footer > div.bot {
        background-color: #2E3192;
    }

    footer > div.bot .content_center {
        height: 327px;
        position: relative;
        top: -80px;
    }

    footer > div.bot .content_center {
        display: flex;
    }

    footer > div.bot .content_center .form {
        width: 600px;
        height: 100%;
        background-color: #F5F5F5;
        box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.21);
        padding: 50px;
    }

    footer > div.bot .content_center .form input,
    footer > div.bot .content_center .form textarea {
        width: 100%;
        height: 35px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        color: #999999;
        float: left;
        padding: 0 10px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    footer > div.bot .content_center .form input#nome,
    footer > div.bot .content_center .form input#email {
        width: calc(50% - 12px);
    }

    footer > div.bot .content_center .form input#email {
        margin-left: 24px;
    }

    footer > div.bot .content_center .form textarea {
        height: 70px;
        resize: none;
        margin-bottom: 15px;
    }

    footer > div.bot .content_center .form button {
        width: 100%;
        height: 41px;
        background-color: #00ADEF;
        border: 1px solid #5ECAE7;
        font-weight: bold;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 0.8571rem;
    }

    footer > div.bot .content_center .form button:hover {
        background-color: #5ECAE7;
        border: 1px solid #00ADEF;
    }

    footer > div.bot .content_center .contact {
        width: 400px;
        height: 100%;
        background-color: #00ADEF;
        color: #FFFFFF;
        padding: 60px;
    }

    footer > div.bot .content_center .contact .tras {
        width: 92px;
        border: 2px solid #0080CF;
        border-radius: 3px;
        margin-bottom: 10px;
    }

    footer > div.bot .content_center .contact .em {
        margin-bottom: 45px;
    }

    footer > div.bot .content_center .contact .end {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 30px;
    }

    footer > div.bot > .link {
        position: relative;
        display: flex;
        justify-content: center;
        bottom: 50px;
    }

}