*{
    margin: 0px;
    font-family: "Roboto";
    list-style: none;
}

a, p, li{
    text-decoration: none;
    color: #666;
    font-weight: normal;
}

body{
    background: #fafafa;
}

footer p{
    text-align: center;
    color: #ccc;
    padding-top: 10px;
}

.ans{
    width: 120px;
    height: 25px;
    background: #000;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    line-height: 25px;
    margin-top: 50px;
    float: right;
    margin-right: 15px;
}

.first{
    width: 100%;
    height: auto;
}

.mapa{
    border:0;
    width: 100%;
    height: 350px;
    position: relative;
    z-index: 999;
}

.iw-title{
    color: #a60069;
    font-weight: 200;
    font-size: 22px;
}

.iw-subTitle{
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#iw-container p{
    margin: 0;
    padding: 0;
}

#iw-container p a{
    color: #4d4c51;
    text-decoration: underline;
}

#iw-container p a:hover{
    font-style: italic;
}


.menu_foot{
    width: 100%;
    height: auto;
    display: table;
    background: #a60069;
    padding-bottom: 20px;
    position: relative;
    z-index: 500;
}

.menu-fixo  {
    position:fixed !important;
    top: 0;
    z-index: 9998;
    width: 100%;
    background: #fff;
    border-bottom: 5px solid #a60069;
    height: 70px;
}

.menu_foot img{
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.menu_foot p{
    list-style: none;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    padding-top: 30px;
}

.menu_foot a{
    color: #fff;
}



.ouvidoria{
    width: 100%;
    height: 400px;
    position: fixed;
    margin-top: -20px;
}

.ouvidoria img{
    width: 100%;
}

.ouvidoria p{
    font-size: 3em;
    text-align: center;
    font-weight: bold;
    color: #a60069;
    padding-bottom: 10px;
}

.ouvidoria li{
    text-align: center;
    font-size: 1.4em;
    color: #fff;
}

.ouvid{
    background: #a60069;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    color: #fff;
    line-height: 54px;
    font-size: 1.4em;
    border: 2px solid #a60069;
    margin-bottom: 80px;
}

.ouvid:hover{
    background: #a60069;
}


.logo{
    margin-top: 50px;
    margin-left: 15px;
}

.marca{
    position: relative;
    z-index: 50;
    margin-top: 70px;
    margin-bottom: 30px;
}

.marca img{
    width: 25%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}


.footer{
    width: 100%;
    height: auto;
    min-height: 100px;
    padding-bottom: 50px;
    display: table;
    background: #fff url('../images/foot.png');
    background-repeat: repeat-x;
    position: relative;
    z-index: 50;
    border-top: 5px solid #f8b425;
}

.footer h2{
    text-align: center;
    padding-top: 50px;
    color: #696969;
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 1.5em;
}

.lado2{
    width: 23%;
    float: left;
    margin-top: 50px;
    margin-left: 1%;
    margin-right: 1%;
}

.lado2 h1{
    color: #a60069;
    font-size: 1.3em;
    margin-bottom: 10px;
    text-align: center;
}

.lado2 p{
    color: #666;
    font-size: 0.9em;
    margin-bottom: 4px;
    text-align: center;
}

.lado2 li{
    color: #696969;
    font-size: 2em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.meio{
    width: 40%;
    float: left;
    height: 35px;
    background: rgba(0,0,0,0.5);
    border: none;
    margin-left: 5%;
    margin-bottom: 10px;
    padding-left: 7px;
}

.total{
    width: 85%;
    float: left;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border: none;
    margin-left: 5%;
    margin-bottom: 10px;
    padding-left: 7px;
    padding-right: 7px;
}

.mensagem{
    width: 85%;
    height: auto;
    min-height: 200px;
    float: left;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border: none;
    margin-left: 5%;
    margin-bottom: 10px;
    padding-left: 7px;
    padding-right: 7px;
}

.envia{
    width: 150px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    color: #fff;
    background: #000;
    border: none;
    font-size: 1.1em;
}

footer{
    width: 100%;
    height: 80px;
    background: #494949;
}

footer p{
    text-align: center;
    color: #ccc;
    padding-top: 10px;
}

.reclame{
    width: 90%;
    height: auto;
    position: relative;
    z-index: 50;
    margin: 0 auto;
    background: rgba(0,0,0,0.3);
    margin-bottom: 100px;
}

.reclame p{
    color: #a60069;
    margin-top: 100px;
    font-weight: bold;
    font-size: 3.5em;
    text-align: center;
    padding-top: 10px;
}

.reclame li{
    text-align: center;
    font-size: 1.8em;
    position: relative;
    z-index: 50;
    color: #fff;
}

.inicio{
    width: 35px;
    height: 70px;
    float: left;
}

.ponto{
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #f8b425;
    margin-top: 38px;
}

#menu-wrap{
    margin-bottom: 100px;
    position: relative;
    z-index: 9998;
}

.mob{
    width: 100%;
    height: auto;
    display: none;

}

#menu{
    position: relative;
    z-index: 99;
    background: #fff;
}
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "calibri";
}
#menu {
    width: 900px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
    border-bottom: 5px solid #a60069;
}
#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}
#menu li {
    float: left;
    position: relative;
}

#menu a {
    float: left;
    padding: 12px 30px 0px 30px;
    color: #696969;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 30px;
}

.ponto{
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #f8b425;
}

#menu li:hover > a {
    text-decoration: underline;
}

*html #menu li a:hover { /* IE6 only */
    color: #fafafa;
}
#menu ul {
    margin: 30px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 1;
    background: #a60069;
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    margin-top: 22px;
}

#menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    border-bottom: 1px solid #fff;
    font-size: 0.75em;
}

#menu ul li:last-child{
    border-bottom: none;
}

#menu ul li:last-child {
    box-shadow: none;
}

#menu ul a {
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    color: #fff;
}

#menu ul a:hover {
    background-color: #a60069;
}
#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #a60069;
}

#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #a60069;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #a60069;
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #a60069;
    border-bottom-color: transparent;
}

#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}
#menu-trigger { /* Hide it initially */
    display: none;
}

@media screen and (max-width: 940px) {
    .logo{
        display: none;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .slider{
        display: none;
    }

    .mob{
        display: block;
    }

    .mob img{
        width: 100%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .marca{
        margin-bottom: 0px;
        display: none;
    }

    .marca img{
        width: 0px;
        margin: 0px;
    }


    #menu-wrap {
        position: relative;
        z-index: 9998;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
    }

    #menu li:hover > ul {
        margin-top: 0px;
    }

    .ponto{
        width: 0px;
        height: 0px;
    }

    #menu-wrap * {
        box-sizing: border-box;
        background: #fff;
        position: relative;
        z-index: 9998;
    }

    #menu-trigger {
        display: block; /* Show it now */
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        padding: 0 0 0 35px;
        color: #666;
        border-bottom: 3px solid #a60069;
        font-weight: bold;
        background-color: #fff;
        /* Multiple backgrounds here, the first is base64 encoded */
        border-radius: 6px 6px 0px 0px;
        font-family: "Calibri", "sans-serif";
        width: 100%;
        position: relative;
        z-index: 9998;
    }

    #menu-trigger img{
        width: 12px;
        height: 12px;
        margin-right: 3px;
    }

    #menu {
        margin: 0; padding: 10px;
        position: absolute;
        top: 40px;
        width: 100%;
        z-index: 1;
        display: none;
        box-shadow: none;
        margin: 0px;
    }

    #menu:after {
        content: '';
        position: absolute;
        left: 25px;
        top: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }

    #menu ul {
        position: static;
        visibility: visible;
        opacity: 1;
        margin: 0;
        background: none;
        box-shadow: none;
    }

    #menu ul ul {
        margin: 0 0 0 20px !important;
        box-shadow: none;
    }

    #menu li {
        position: static;
        display: block;
        float: none;
        border: 0;
        margin: 5px;
        box-shadow: none;
    }

    #menu ul li{
        box-shadow: none;
    }

    #menu a{
        display: block;
        float: none;
        padding: 0;
        color: #666;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #menu a:hover{
        color: #666;
    }

    #menu ul a{
        padding: 0;
        width: auto;
        color: #666;
    }

    #menu ul a:hover{
        background: none;
    }

    #menu ul li:first-child a:after,
    #menu ul ul li:first-child a:after {
        border: 0;
    }

    .menu-fixo  {
        position: relative;
        top: 0;
        z-index: 9998;
        width: 0;
        background: none;
        border-bottom: none;
        height: 0px;
    }

}

@media screen and (min-width: 940px) {
    #menu {
        display: block !important;
    }
}

/* iPad */
.no-transition {
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;
}

#menu li:hover > .no-transition {
    display: block;
}

.logo{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 110;
    margin-bottom: -250px;
    margin-top: 100px;
}

.logo img{
    height: 150px;
    width: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.portais{
    width: 100%;
    height: auto;
    min-height: 450px;
    background: #fff;
    position: relative;
    z-index: 50;
}

.portais a:hover, .utilidade a:hover{
    text-decoration: underline;
}

.portal{
    width: 33.33%;
    float: left;
    padding-top: 60px;
}

.portal li{
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-weight: normal;
}

.portal p{
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.4em;
    color: #a60069;
}

.icon{
    width: 100%;
}

.icon img{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 50%;
    border: 3px solid #a60069;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.icon img:hover{
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.acesse{
    text-align: center;
    margin-top: 10px;
    color: #f8b425;
    font-weight: bold;
    font-size: 1.1em;
}


.links{
    width: 28%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    float: left;
    height: 220px;
    margin-top: 280px;
    color: #fff;
    text-align: left;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.links:hover{
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.links p{
    padding-left: 5%;
    color: #fff;
    font-size: 2em;
    text-align: left;
    font-weight: 100;
    margin-top: 60px;
}

.links a:hover{
    text-decoration: underline;
    color: #fff;
}

.links li{
    font-size: 1em;
    text-align: right;
    padding-right: 8%;
    padding-top: 25px;
}

.cor1{
    background: #d13c26;
}

.cor2{
    background: #c23724;
}

.cor3{
    background: #a02a1c;
}

.chamados{
    width: 100%;
    height: auto;
    display: table;
    background: #fafafa;
    position: relative;
    z-index: 50;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.utilidade{
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 250px;
    float: left;
    margin-top: 90px;
    margin-bottom: 90px;
}

.icones img{
    width: 35%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.utilidade p{
    text-align: center;
    font-size: 1.5em;
    padding-top: 15px;
    font-weight: bold;
    padding: 10px 15px 0px 15px;
    color: #a60069;;
}

.utilidade li{
    text-align: center;
    font-size: 1.1em;
    padding-top: 15px;
    padding: 10px 15px 0px 15px;
    font-weight: normal;
}

.fixar {
    position:fixed;
    margin-top: 0px !important;
}


.noticiario{
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative;
    z-index: 50;
    background: #fff;
}


.noticia{
    width: 27%;
    margin-left: 3%;
    margin-right: 3%;
    float: left;
}

.noticia h1{
    color: #a60069;
    font-size: 1.2em;
    font-weight: bold;
}

.noticia h1 a{
    font-weight: bold;
}

.noticia img{
    width: 45%;
    float: left;
    margin-right: 5%;
    border: 1px solid #ccc;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.noticia img:hover{
    -webkit-transform: scale(1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 600ms;
}

.noticia h4{
    text-align: right;
    width: 100%;
    color: #ccc;
}

.noticia p{
    text-align: justify;
    color: #666;
    font-size: 1em;
}

.noticia a p:hover, .noticia h1:hover, .noticia h2:hover, .noticia li:hover, .noticia a:hover, .noticia p:hover{
    text-decoration: underline;
}

.noticia h2{
    font-size: 0.7em;
    font-weight: 100;
    text-align: right;
    margin-bottom: 5px;
    color: #f8b425;
}

.noticia li{
    list-style: none;
}


.noticia h1 a{
    color: #a60069;
}

.noticia_principal h2{
    color: #a60069;
    font-size: 1.8em;
    text-align: justify;
}

.noticia_principal h4{
    color: #f8b425;
    font-size: 0.8em;
    width: 100%;
    text-align: right;
}

.noticia_principal p, .noticia_principal li{
    color: #666;
    text-align: justify;
    font-weight: 100;
}

.parte{
    width: 100%;
    height: auto;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

.parte:hover{
    background: #eaeaea;
    cursor: pointer;
}

.banner{
    width: 100%;
    height: auto;
    background: #fff url('../images/banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: table;
    position: relative;
    z-index: 9998;
    margin-bottom: -3px;
}

.banner_interno{
    width: 100%;
    height: 70px;
    position: relative;
    z-index: 9999;
    border-bottom: 5px solid #a60069;;
    background: #fff;
}

.banner_interno img{
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    height: 50px;
    position: fixed;
    z-index: 9999;
}

/*===============================================
Internas
================================================*/

.internas{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 80px;
    margin-top: 100px;
}

.internas p{
    font-size: 1.3em;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: normal;
}

.internas li{
    font-size: 1.2em;
    font-style: italic;
}

.internas img{
    width: 30%;
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}

.internas h1{
    color: #a60069;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 1.6em;
}


.imagem_cooperativismo{
    width: 100%;
    height: auto;
    display: table;
}

.imagem_cooperativismo img{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    display: block;
    border: 1px solid #ccc;
}


.texto{
    width: 100%;
    height: auto;
    clear: both;
}

.campo{
    width: 60%;
    border: 1px solid #ccc;
    height: 35px;
    border-radius: 8px;
}

.msg{
    width: 60%;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.campo:hover, .msg:hover{
    box-shadow: 3px 3px 6px #ccc;
}

.enviar{
    width: 150px;
    height: 35px;
    background: #a60069;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    border: 2px solid #a60069;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
}

.enviar:hover{
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 900ms;
    background: #a60069;
}

iframe{
    border: none;
}

.planos{
    width: 50%;
    float: left;
    margin-bottom: 60px;
}

.planos img{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    border: 1px solid #ccc;
    margin-top: 30px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.planos img:hover{
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 900ms;
    cursor: pointer;
    box-shadow: 3px 3px 3px #ccc;
}


.principal{
    width: 55%;
    margin-right: 5%;
    height: auto;
    display: table;
    float: left;
}

.secundario{
    width: 25%;
    float: right;
}

.secundario h3:hover{
    text-decoration: underline;
}

.pesquisa{
    width: 80%;
    height: 30px;
    padding: 2px;
}

.lupa{
    width: 30px;
    height: 36px;
    border-radius: 0px 6px 6px 0px;
    border: 1px solid #ccc;
    background: #ccc url('../images/lupa.png');
    padding: 2px;
    margin-left: -6px;
}

.secundario h3{
    color: #666;
    font-weight: 100;
    font-size: 0.9em;
    padding-top: 10px;
}

.secundario img{
    height: 12px;
    width: 12px;
    margin: 0px;
    padding-top: 3px;
    margin-right: 5px;
}

input.error, textarea.error{
    border: 1px solid red;
}


.box-ans{
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}
.ans{
    width: auto;
    display: table;
    float: right;
    margin-top:0px ;
    margin-right: 30px;
    background: black;
    padding: 2px;
}

.ans p{
    width: 130px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #eaeaea;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 2px 6px;
    font-size:0.8em ;
    font-weight: bold;
}
.ans p img,.idss p img{
    width: 25px;
    float: left;
}

.idss{
    display: table;
    width: auto;
    float: right;
    margin-right: 10px;
    padding: 2px;
    background: black;
}

.idss p{
    width: 160px;
    height: 25px;
    border: 1px solid #eaeaea;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 25px;
    padding: 2px 6px;
    font-size:0.8em ;
    font-weight: bold;
}
.erro{
    width: 100%;
    border: 2px solid rgb(217, 83, 79);
    text-align: center;
    padding: 15px 0px;
    font-size: 1.2em;
    color: rgb(217, 83, 79);
    border-radius: 5px;
    background: rgba(217, 83, 79, 0.01);
}
.sucesso{
    width: 100%;
    border: 2px solid #489048;
    text-align: center;
    padding: 15px 0px;
    font-size: 1.2em;
    color: rgb(72, 144, 72);
    border-radius: 5px;
    background: rgba(72, 144, 72, 0.01);
}



/*=============== IDSS.html ===========*/
.idss-container{
    width: 95%;
    margin-left: 2.5%;
    display: table;
}
.idss-container-p{
    font-weight: normal;
    font-size: 1.2em;
    text-align: justify;
}
.idss-container-p span{
    font-weight: bold;
}
.idss-container-p a, .idss-alert a {
    font-weight: bold;
    color: #a60069;
    text-decoration: underline;
}
.idss-form{
    width: 100%;
    display: table;
    margin-top: 30px;
    margin-bottom: 50px;
}
.idss-form label{
    font-size: 1.2em;
    color: #666;
}
.idss-ano{
    width: 100px;
    font-size: 1em;
    color: #666;
    border-radius: 3px;
    float: left;
    padding: 5px 0px 5px 3px;
    margin-top: 5px;
	border:1px solid #ccc;
}
.idss-ano:focus {
    color: #9c254d;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(156, 37, 77, 0.25);
}
.idss-btn{
    font-size: 1em;
    color: #fff;
    background: #a60069;
    border: none;
    border-radius: 3px;
    float: left;
    padding: 7px 10px;
    margin-left: 5px;
    cursor: pointer;
    margin-top: 5px;
}
.idss-btn img{
    width: 18px;
    margin-bottom: 0px;
    margin-right: 0px;
}
.idss-alert{
    width: 95%;
    margin-left: 2.5%;
}

.page-idss-titulo{
    width: 100%;
    height: auto;
    font-size: 1.6em;
    color: #666;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.page-idss-iframe{
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    min-height: 800px;
    display: table;

}

/*-=-=-=-=-=-=-= cookies - pop-up =-=-=-=-=-=-==-=-=-=*/
.cx-cookies{width:80%;padding-top:15px;padding-bottom:15px;margin-left:10%;margin-right:10%;background:#eaeaea;margin-top:0;margin-bottom:0;display:table;position:fixed;z-index:300;bottom:10px;box-shadow:0 0 3px #666;border-radius:5px}.cx-cookies p{width:96%;margin-left:2%;margin-right:2%;text-align:justify}.actCk{color:#fff;background:#a60069;float:right;width:100px;height:30px;font-weight:700;border:none;border-radius:5px;cursor:pointer;margin-right:20px}.rcsCk{color:#666;background:0 0;float:right;width:100px;height:30px;font-weight:700;border-radius:5px;cursor:pointer;border:2px solid #666;margin-right:3%}.clear-ln{margin:0;display:none}@media screen and (max-width:650px){.cx-cookies{width:100%;margin-left:0;margin-right:0}.rcsCk{margin-right:5px}.clear-ln{width:100%;display:block;height:10px;clear:both}}          

/*Efeitos -------------------------------------------------------------------------------------------------------------*/

.show{
    opacity: 100%;
    display:block;
    visibility: visible;
}
.null{
    opacity: 0;
    display:none;
    visibility: hidden;
}
.hide{
    opacity: 0;
    display:none;
    visibility: hidden;
}

.text-justify{
    text-align: justify;
}

.text-bold{
    font-weight: bold;
}

.right{
position:absolute;
right:0px;
}

.buttonsLGPDSession{
    width: 80%;
    height: auto;
    position: relative;
    z-index: 50;
    margin: 0 auto;
}


.buttonLGPD1{
    width: 380px;
    height: 50px;
    margin-bottom: 20px;
    background: #a60069;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    border: 1px solid #a60069;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    font-size: 0.9em;
}

.marginLGPDCenter{
    margin-left: 35%;
    margin-right: 35%;
}

.buttonLGPD2{
    width: 300px;
    height: 150px;
    background: #a60069;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    border: 2px solid #a60069;
    color: #fff !important;
    font-size: 1em;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.buttonLGPD2:hover{
    height: 150px;
    background: #f8b425;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    border: 2px solid #f8b425;
    color: #fff !important;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.buttonLGPD1:hover{
    background: #f8b425;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    border: 2px solid #f8b425;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
}


.mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.mr-1{
    margin-right: 10px;
}

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

.border-radius{
    border-radius: 10px;
}

.YesOrNo{
    width: 100px;
    height: 50px;
    text-align: center;
    background: #a60069 ;
    color: white;
    font: 0.9rem;
    border: none;
    cursor: pointer;
}

option:hover{
    background: #a60069 ;
}

/*Color Txt ---------------------------------------------------------------------------------------------------------*/

.txt-cinza{ color:#666; }
.txt-cinza-escuro{ color:#665959; }
.txt-white{color:#fff !important;}
.txt-bordo{color: #a60069}
.txt-bordo2{color: #a60069}
.txt-turquesa{color: #005966}
.txt-rosa{color: #ec8376}
.txt-yellow{ color: rgb(252, 206, 0); }
.txt-yellow2{ color: #f8b427; }

/* Backgrouds -----------------------------------------------------------------------------------------------------*/

.bg-bordo1{  background: #a60069;}
.bg-bordo2{  background: #a60069;}
.bg-bordo3{  background: #a60069;}
.bg-bordo4{  background: #a60069;}
.bg-yellow{  background: rgb(252, 206, 0);}
.bg-cinza{  background: #C4C4C4;}
.bg-light_green{  background: #b5dbc2;}
.bg-green{  background: #47b549;}
.bg-green2{  background: #00a899;}
.bg-light_gray{  background: #3a5675;}
.bg-light_gray2{  background: #dad8d84b;}
.bg-dark_gray{ background: #F2F3F5;}
.bg-blue{ background: #26a8e0;}
.bg-dark_blue{ background: #114a9b;}
.bg-dark_green{ background: #41aa66;}
.bg-verde{background-color: #bfdec5; }

/*tamanhos --------------------------------------------------------------------------------------------------------*/

.ButtonLinkLGPD{
    width: 250px !important;   
}
.w-100{ width: 100% ;}
  .w-90{ width: 90% ;}
  .w-80{ width: 80% ;}
  .w-70{ width: 70% ;}
  .w-60{ width: 60% ;}
  .w-45{ width: 45% ;}
  .w-40{ width: 40% ;}
  .w-30{ width: 30% ;}
  .w-20{ width: 20% ;}
  .w-10{ width: 10% ;}
  .w-5{ width: 5% ;}

  
/*Fonts -------------------------------------------------------------------------------------------------------------*/

.font3-5{	font-size:3.5em !important;}
.font3{	font-size:3em !important;}
.font2-5{	font-size:2.5em !important;}
.font2{	font-size:2em !important;}
.font1-7{	font-size:1.7em !important;}
.font1-5{	font-size:1.5em !important;}
.font1-2{	font-size:1.2em !important;}
.font1-1{	font-size:1.1em !important;}
.font0-9{	font-size:0.9em !important;}
.font0-8{	font-size:0.8em !important;}

/*Medias -----------------------------------------------------------------------------------------------------------*/
@media(max-width: 1064px ){
    .right{
        position:relative;
        right:auto;
    }
    .marginLGPDCenter{
        margin-left: auto;
        margin-right: auto;
    }
    .buttonLGPD1{
        width: 100%;
        height: 70px;
    }
    .buttonLGPD2{
        width: 100%;
        height: 170px;
    }
}

.margin_icon_ans {
    margin-right: 10px;
}
.iconeIDSS {
    padding: 5px 15px !important;
    left: 1% !important;
    background:#a60069 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    display:table !important;
    position:fixed !important;
    z-index:300 !important;
    bottom:10px !important;
    border-radius: 50px !important;
}

.iconeIDSS a {
    color: #fff !important;
    align-items: center !important;
    display: flex !important;
    text-decoration: none !important;
    font-size: 0.8rem;
}

.iconeIDSS:hover {
    background-color: #93035e !important;
    transition: 0.5s !important;
}

.text-white {
    color: #fff !important;
}