/*********************************************************************************/
/* CONFIRMAÇÃO                                                                   */
/*********************************************************************************/
/* Sucess*/
.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

    .success-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #4caf50;
    }

        .success-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .success-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
            content: "";
            height: 100px;
            position: absolute;
            background: #ffffff;
            transform: rotate(-45deg);
        }

        .success-checkmark .check-icon .icon-line {
            height: 5px;
            background-color: #4caf50;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .success-checkmark .check-icon .icon-line.line-tip {
                top: 46px;
                left: 14px;
                width: 25px;
                transform: rotate(45deg);
                animation: icon-line-tip 0.75s;
            }

            .success-checkmark .check-icon .icon-line.line-long {
                top: 38px;
                right: 8px;
                width: 47px;
                transform: rotate(-45deg);
                animation: icon-line-long 0.75s;
            }

        .success-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgba(76, 175, 80, 0.5);
        }

        .success-checkmark .check-icon .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: #ffffff;
        }

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

/* Mensagem Sucess*/

/* Unsucess*/
.unsuccess-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

    .unsuccess-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #bc0909;
    }


        .unsuccess-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .unsuccess-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .unsuccess-checkmark .check-icon::before, .unsuccess-checkmark .check-icon::after {
            content: "";
            height: 100px;
            position: absolute;
            background: #ffffff;
            transform: rotate(-45deg);
        }

        .unsuccess-checkmark .check-icon .iconline {
            height: 5px;
            background-color: #bc0909;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .unsuccess-checkmark .check-icon .iconline.line-1 {
                top: 40px;
                left: 10px;
                width: 60px;
                transform: rotate(45deg);
                animation: icon-line-1 0.75s;
            }

            .unsuccess-checkmark .check-icon .iconline.line-2 {
                top: 40px;
                right: 8px;
                width: 60px;
                transform: rotate(-45deg);
                animation: icon-line-2 0.75s;
            }

        .unsuccess-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgba(219, 13, 13, 0.5);
        }

        .unsuccess-checkmark .check-icon .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: #ffffff;
        }


@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-1 {
    0% {
        top: 40px;
        left: 10px;
        width: 0px;
    }

    100% {
        top: 40px;
        left: 10px;
        width: 60px;
    }
}

@keyframes icon-line-2 {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }


    100% {
        top: 40px;
        right: 8px;
        width: 60px;
    }
}

/*********************************************************************************/
/* CONFIRMAÇÃO                                                                   */
/*********************************************************************************/

/*********************************************************************************/
/* Vereador Responde                                                             */
/*********************************************************************************/
.grifa:hover {
    line-height: 2.429;
    width: auto !important;
    border-bottom: 1px solid #C4161C !important;
}
/* Grow */
.grow:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    transition: 0.3s;
    z-index: 1000 !important;
}


.btn-2 {
    background-color: #fff !important;
    border: 1px solid #e0e0e0;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold !important;
    padding: 10px;
    height: 83.5px;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}

.btn-icone-municipes {
    width: 75%;
    text-align: right !important;
    margin-left: 5px;
    height: auto !important;
}

.btn-icone-painel {
    width: 100%;
    text-align: right !important;
    margin-left: -20px;
    height: auto !important;
}

.btn-text-municipe {
    text-align: left !important;
    margin-top: 20px;
    font-size: 20px;
}

.nav-tabs > li > a:hover {
    margin-right: 2px;
    line-height: 2.5;
    color: #3C746B !important;
}

.nav-municipe {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    background-color: #0D3762 !important;
    color: white !important;
    text-align: center !important;
}

.nav-tam {
    width: 25% !important;
}

.nav-municipe a {
    font-size: 16px !important;
    color: white !important;
    line-height: 2;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 2.5;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555 !important;
}

.item,
.active.left,
.active.right {
    opacity: unset !important;
}

.active,
.next.left,
.prev.right {
    opacity: unset !important;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
/*TITULO*/
.bg-titulo-ideia {
    font-family: 'Segoe UI' !important;
    text-align: center;
    font-size: 22px !important;
    margin-bottom: 25px;
    color: #3C746B !important;
    text-transform: uppercase;
    font-weight: bold !important;
}
/*ICONE*/
.icone-luz {
    font-size: 45px !important;
    color: #f6dd18;
}

    .icone-luz:hover {
        color: #3C746B;
    }
/*BOTOES*/
.button-save {
    height: 50px !important;
    border: 1px solid #3C746B !important;
    border-bottom: 3px solid #3C746B !important;
    background: #fff;
    color: #3C746B !important;
    text-transform: uppercase;
    font-size: 16px;
    /*font-weight: bold;*/
    padding-left: 40px;
    padding-right: 40px;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .button-save:hover {
        color: #fff !important;
        background: #3C746B !important;
    }
/*FUNDO FORMULARIOS*/
.form-fundo {
    position: relative;
    display: inline-block;
    /*width: 100%;*/
    border: 1px dotted #999;
    border-radius: 10px;
    margin-bottom: 20px;
}

.dropdown-c {
    width: 100%;
    height: 35px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    color: #333;
    font-size: 15px;
}

.form-fundo p {
    font-weight: bold;
}

.form-fundo input {
    height: 35px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    color: #333;
    font-size: 14px;
}

    .form-fundo input:hover, form-fundo input::after, form-fundo input:focus {
        height: 35px;
        background: transparent;
        border: none;
        border-bottom: 2px solid #3C746B;
    }

.form-fundo label {
    height: 35px;
    background: transparent;
    border: none;
    /*border-bottom: 1px solid #CCCCCC;*/
    margin-bottom: 15px;
    color: #333;
    font-size: 14px;
}

.form-fundo textarea {
    height: 35px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    color: #333;
    font-size: 14px;
}

    .form-fundo textarea:hover, form-fundo textarea::after, form-fundo textarea:focus {
        height: 35px;
        background: transparent;
        border: none;
        border-bottom: 2px solid #3C746B;
    }

.btn-3 {
    background-color: #fff !important;
    border: 1px solid #e0e0e0;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold !important;
    color: #3C746B;
    padding-left: 40px;
    padding-right: 40px;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    height: 83.5px;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}


    .btn-3 a {
        color: #3C746B !important;
    }

.btn-4 {
    background-color: #fff !important;
    border: 1px solid #e0e0e0;
    text-transform: uppercase;
    margin-top: 15px !important;
    height: 83.5px;
    padding-top: 15px;
    padding-left: 20px !important;
}

    .btn-4:hover {
        border-bottom: 2px solid #3C746B;
    }

.btn-3-t {
    color: #3C746B !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 18px;
    margin-top: 10px !important;
}

.button-apr {
    background-color: transparent;
    border: 0;
}

.btn-voltar {
    text-align: left !important;
    font-size: 12px;
    color: #3C746B;
}
/*TABLE*/
#hor-minimalist-a {
    font-family: lucida sans unicode,lucida grande,Sans-Serif;
    font-size: 12px;
    background: #fff;
    width: 480px;
    border-collapse: collapse;
    text-align: left;
    margin: 20px;
}

.icons-table {
    margin-top: 20px;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.text-status {
    margin-left: 10px;
    color: #3C746B;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
/*********************************************************************************/
/* Vereador Responde                                                               */
/*********************************************************************************/


/*********************************************************************************/
/* Configurações de Fontes                                                       */
/*********************************************************************************/

@font-face {
    font-family: 'Comfortaa_Regular';
    src: url('font/comfortaa-regular-webfont.eot');
    src: url('font/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/comfortaa-regular-webfont.woff') format('woff'), url('font/comfortaa-regular-webfont.ttf') format('truetype');
}


@font-face {
    font-family: 'RelayCond-Bold';
    src: url('font/RelayCond-Bold.eot');
    src: url('font/RelayCond-Bold.eot?#iefix') format('embedded-opentype'), url('font/RelayCond-Bold.woff') format('woff'), url('font/RelayCond-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('font/source-sans-pro/SourceSansPro-Regular.eot');
    src: url('font/source-sans-pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('font/source-sans-pro/SourceSansPro-Regular.otf.woff') format('woff'), url('font/source-sans-pro/SourceSansPro-Regular.ttf') format('truetype');
}

/*********************************************************************************/
/* Estrutura Básica                                                              */
/*********************************************************************************/

body, input, textarea, select {
    font-family: Tahoma;
    font-size: 12pt;
    line-height: 1.8em;
}

body {
    background-size: 100%;
}

#wrapper {
    min-height: 100%;
    position: relative;
}


h1, h2, h3, h4, h5, h6 {
    color: #666;
    line-height: 1.5em;
    font-family: "SourceSansPro-Regular", Tahoma;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
    }


h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.5em;
    color: #333;
}

    h2.alt {
        color: #888;
    }

        h2.alt strong {
            color: #666;
        }

h3 {
    font-size: 1.25em;
}


strong, b {
    font-weight: 600;
    color: #666;
}

em, i {
    font-style: italic;
}

ol, ul {
    list-style: disc;
    margin-left: 1.8em;
}

a {
    text-decoration: none;
    color: inherit;
    -moz-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    outline: 0;
}

    a:hover {
        color: #26652F;
        border-bottom-color: rgba(255,255,255,0);
    }


br.clear {
    clear: both;
}

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

.width480px {
    width: 30.000em;
}

.width300px {
    width: 6.250em;
}

.width200px {
    width: 12.500em;
}

.width100 {
    width: 100%;
}

.width50 {
    width: 50%;
}

.width33 {
    width: 33%;
}

.width25 {
    width: 25%;
}

.height100px {
    height: 6.250em;
}

.height150px {
    height: 9.375em;
}

.display {
    display: inline;
}

.img-box {
    border: 0.125em dashed #ccc;
    margin: 0.625em;
}

    .img-box img {
        padding: 0.188em;
    }

    .img-box a {
        padding: 0.188em;
        padding-left: 0.625em;
    }

        .img-box a span {
            padding-left: 0.625em;
        }

    .img-box input {
        padding: 0.313em;
    }

.bg-titulo {
    color: #26652F;
    font-size: 22pt;
    height: 1.5em;
    margin-bottom: 0.625em;
    font-size: 18pt;
    display: block;
    clear: both;
    font-weight: bold;
}


/*********************************************************************************/
/* Formulários                                                                   */
/*********************************************************************************/

form {
    margin-bottom: 2em;
}

    form label {
        display: block;
        text-align: left;
    }


    form input.text,
    form select,
    form textarea {
        position: relative;
        display: block;
        border: 0;
        background: #fff;
        background: rgba(255,255,255,0.75);
        width: 100%;
        padding: 0.25em 1em 0.1em 1em;
        border: solid 0.063em #999;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }


        form input.text:hover,
        form select:hover,
        form textarea:hover {
        }

        form input.text:focus,
        form select:focus,
        form textarea:focus {
            box-shadow: 0 0 0.125em 0.063em #8ededc;
            background: #fff;
        }

    form textarea {
        min-height: 14em;
    }

    form .formerize-placeholder {
        color: black !important;
    }

    form ::-webkit-input-placeholder {
        color: black !important;
    }

    form :-moz-placeholder {
        color: black !important;
    }

    form ::-moz-placeholder {
        color: black !important;
    }

    form :-ms-input-placeholder {
        color: black !important;
    }

    form ::-moz-focus-inner {
        border: 0;
    }


.form {
    display: inline-block;
    width: 100%;
}

    .form .campo {
        float: left;
        padding: 0.625em;
    }

.field-validation-error {
    display: block;
    color: #FF8282;
}

/*********************************************************************************/
/* Configurações da página                                                       */
/*********************************************************************************/

.pagina {
    display: inline;
}

#pagina-arquivo, #pagina-texto-80, #pagina-texto-100 {
    float: left;
}

#pagina-arquivo {
    width: 20%;
}

    #pagina-arquivo p {
        border-bottom: 0.063em solid #E4E7E8;
    }

    #pagina-arquivo a {
        color: #4C5D66;
        font-size: 13pt;
    }

        #pagina-arquivo a:hover {
            color: #37444A;
        }

#pagina-texto-80 {
    width: 80%;
    padding-right: 0.938em;
}

#pagina-texto-100 {
    width: 100%;
    padding-right: 0.938em;
}

.pagina-img {
    display: inline-block;
    clear: both;
}

.legenda {
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.625em;
}


/*********************************************************************************/
/* Topo                                                                          */
/*********************************************************************************/

#header {
    position: relative;
    margin: 0 auto 0 auto;
    width: 67.375em;
    height: 5em;
    color: #333;
}


#logo {
    position: absolute;
    padding-top: 0em;
    padding-bottom: 0.625em;
    min-height: 1.875em;
    cursor: default;
    display: inline;
    padding-left: 0em;
    top: 0.313em;
    left: 1.250em;
}

    #logo h1 {
        position: relative;
        top: 1.250em;
        font-size: 2.5em;
        color: #333333;
        text-transform: uppercase;
        line-height: 1;
        left: 1.250em;
    }

    #logo h2 {
        position: relative;
        color: #333333;
        font-size: 0.8em;
        text-transform: uppercase;
        line-height: 1;
        left: 1.250em;
        top: 1.250em;
    }

    #logo img {
        position: relative;
        left: 0.625em;
        top: 0;
        float: left;
    }

#btnBusca {
    float: right;
    cursor: pointer;
}

#search {
    border: 0.1em solid #E6E6E6;
    height: 2em;
    width: 21.875em;
    float: right;
    position: relative;
    background-color: #FFF;
    top: 5em;
}

    #search img {
        float: right;
    }

    #search .btn-pesquisar {
        height: 2.188em;
        width: 2.2em;
        border: 0;
        font-weight: bold;
        margin-top: 0;
        position: absolute;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

#txtBusca {
    float: left;
    background-color: transparent;
    padding-left: 0.625em;
    font-size: 0.875em;
    border: none;
    height: 2.000em;
    width: 22em;
    font-weight: bold;
    z-index: 1000;
}

#linksocial {
    float: right;
    top: 5em;
    top: 5em;
    position: relative;
    right: 0em;
}

#link-topo {
    font-family: "SourceSansPro-Regular", Tahoma;
    position: absolute;
    top: 3em;
    right: 0;
    display: inline-block;
    width: 100%;
    float: right;
    color: #666666;
    font-size: 10pt;
    font-weight: lighter;
}

    #link-topo a {
        float: right;
        padding-right: 0.625em;
        text-decoration: none;
        margin-top: 0.500em;
        color: #666666;
        font-weight: bold;
    }

    #link-topo button {
        float: right;
        padding-right: 0.625em;
        text-decoration: none;
        margin-top: 0.875em;
        font-weight: bold;
        background-color: transparent;
        border: 0;
        color: #666666;
        cursor: pointer;
    }

/*********************************************************************************/
/* Mmbros (composição)                                                           */
/*********************************************************************************/

.membros {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .membros img {
        height: 7.188em;
        border: 0.125em solid #e6e6e6;
        padding: 0.063em;
        margin: 0.125em;
        float: left;
        margin: 0.313em;
        margin-right: 0.625em;
    }

    .membros h1 {
        float: right;
    }

    .membros h2 {
        text-transform: uppercase;
    }

/*********************************************************************************/
/* Frames da página inicial                                                      */
/*********************************************************************************/

#galeria-fotos, #mapa {
    width: 65%;
    float: left;
    clear: both;
    padding-right: 0.5em;
}

#galeria-fotos {
    border-right: 0.063em dotted #E4E4E4;
}

    #galeria-fotos h2 {
        text-align: center;
    }

    #galeria-fotos img {
        width: 100%;
    }

/*********************************************************************************/
/* Vereadores                                                                    */
/*********************************************************************************/
#vereadores-lista {
    width: 100%;
    display: inline-block;
}

    #vereadores-lista .ver {
        width: 12.500em;
        height: 20.625em;
        float: left;
        text-align: center;
        margin-right: 0.625em;
        margin-bottom: 1.875em;
        background-color: #FFF;
    }

    #vereadores-lista .ver {
        border: none;
        border: 0.125em solid #e6e6e6;
    }

.vereador1 {
    width: 100%;
    padding-left: 10%;
}

.vereador2 {
    width: 100%;
    display: block;
}

#vereadores-lista .ver img {
    height: 12.500em;
    padding: 0.063em;
    margin: 0.125em;
    width: 100%;
    float: left;
    clear: both;
    padding: 0.625em 1.250em 0 1.250em;
}

#vereadores-lista .ver h3 {
    font-size: 12pt;
}


#vereadores-lista .ver h4 {
    font-size: 10pt;
    line-height: 1;
    font-weight: lighter;
}

#vereadores-lista .ver .partido {
    width: 100%;
    border: none;
    font-size: 11pt;
    line-height: 1;
}

#vereadores {
    width: 100%;
    height: 12em;
    display: inline-block;
    float: right;
}


    #vereadores img {
        float: left;
        height: 8em;
        width: 9%;
        margin: 0em 0.5em 0.1em 0.1em;
    }

    #vereadores .ver {
        width: 11.250em;
        height: 4.063em;
        float: left;
        text-align: center;
        padding: 1.250em;
        margin-right: 0.625em;
    }

        #vereadores .ver img {
            height: 12.500em;
        }

.vereadores-mesa {
    font-size: 7pt;
    background-color: #0D3662;
    color: #FFF;
    line-height: 1;
}

.vereadores-mesa-tit {
    font-size: 8pt;
    background-color: #0D3662;
    color: #FFF;
    width: 10.500em;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    padding-top: 0.125em;
    font-family: "SourceSansPro-Regular", Tahoma;
    letter-spacing: 0.094em;
}

#vereador-pagina {
    width: 100%;
    display: inline;
}

#vereador-dir {
    width: 70%;
    float: left;
    padding-right: 0.938em;
}

#vereador-not {
    width: 30%;
    float: left;
    padding-top: 1.563em;
}

    #vereador-not .data {
        height: 1.250em;
    }

    #vereador-not .noticia {
        height: 8.750em;
    }

#dados-vereador {
    padding: 0.625em;
    margin: 0.625em;
    width: 100%;
    clear: both;
    display: inline-block;
    padding-left: 0.313em;
}

    #dados-vereador .bg-titulo {
        clear: none;
    }

    #dados-vereador img {
        height: 7.188em;
        border: 0.125em solid #e6e6e6;
        padding: 0.063em;
        margin: 0.125em;
        width: 5.625em;
        float: left;
        left: 0.625em;
        margin: 0.625em;
    }

#btnEmail {
    margin-top: 0.625em;
    background-color: #eee;
    text-transform: uppercase;
    padding: 0.625em;
    text-align: center;
    border: 0.063em dotted #ccc;
}


/*********************************************************************************/
/* Rodapé                                                                        */
/*********************************************************************************/


.footer {
    background-color: #1c252f;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin-top: 3em;
}

.logo-footer {
    max-width: 200px;
}

.info-footer {
    color: #ffffff;
    text-align: center;
}

.copyright {
    color: #fff !important;
    text-align: center;
    height: 0;
    font-weight: bold;
    padding-top: 30px;
}

.form-control {
    border: 1px solid #db9702;
}

.footer-copy {
    background: #2b7c74;
    color: #fff !important;
    height: 80px;
}

/* IE 6 */
* html #footer {
    position: absolute;
    top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#geral {
    margin: 0 auto 0 auto;
    width: 67.375em;
    clear: both;
}

#mapasite {
    float: left;
    width: 40%;
    position: absolute;
    padding-left: 1.250em;
    display: inline;
}

    #mapasite .grupo {
        float: left;
        font-weight: bold;
    }

    #mapasite ol, #mapasite ul, #mapasite li {
        list-style: none;
        margin-left: 0;
        line-height: 1.4;
    }

        #mapasite ul li a {
            font-size: 12pt;
            color: #333;
        }

    #mapasite a {
        color: #fff;
        margin-right: 0.625em;
        font-size: 11pt;
        display: inline-block;
        width: 12.500em;
    }

        #mapasite a:hover {
            color: #555;
            font-weight: bold;
        }

#localizacao-mapa {
    width: 20%;
    float: right;
    padding-top: 3em;
    color: #005ec7;
    font-weight: bold;
}

#localizacao {
    float: left;
    color: white;
    width: 80%;
    font-weight: bold;
    font-family: "SourceSansPro-Regular", Tahoma;
    text-align: left;
}

    #localizacao h1 {
        color: white;
    }

    #localizacao h2, #localizacao h3, #localizacao h4 {
        color: white;
        font-family: "SourceSansPro-Regular", Tahoma;
    }

    #localizacao h2 {
        font-size: 1em;
        font-family: "SourceSansPro-Regular", Tahoma;
    }

    #localizacao img {
        float: left;
    }

    #localizacao p {
        float: left;
        text-transform: uppercase;
        clear: right;
        padding-right: 1.250em;
        font-family: "SourceSansPro-Regular", Tahoma;
    }


/*********************************************************************************/
/* Estrutura principal                                                           */
/*********************************************************************************/

#main {
    display: block;
    clear: both;
    top: 0em;
}

    #main > section {
        margin: 0;
        overflow: hidden;
        padding: 3em 0 4em 0;
        box-shadow: inset 0 0.063em 0 0 rgba(0,0,0,0.05), inset 0 0.1em 0.1em 0 rgba(0,0,0,0.025);
        text-align: center;
    }

        #main > section.one {
            background: #fff;
            padding-top: 0;
        }

            #main > section.one .image.featured {
                margin-bottom: 3em;
            }

        #main > section.two {
            background-color: #f5fafa;
        }

        #main > section.three {
            background-color: #ecf1f1;
        }

        #main > section.four {
            background-color: #e8edec;
        }

#content {
    position: relative;
    display: inline-block;
}

/*********************************************************************************/
/* Destaques da página inicial                                                   */
/*********************************************************************************/

#slider {
    float: left;
    padding-left: 0.313em;
    width: 65%;
    padding-right: 0.625em;
}


#sessao-lateral {
    padding-top: 0.625em;
    float: left;
    padding-left: 0.625em;
    width: 35%;
}


#banner {
    width: 100%;
    position: relative;
    float: right;
    display: inline;
}

    #banner .banner-item {
        width: 24%;
        border: 0.125em solid #000;
        height: 18.750em;
        float: left;
        margin-right: 0.500em;
        text-align: center;
        margin-bottom: 0.625em;
        margin-top: 0.625em;
    }

        #banner .banner-item h1 {
            background-color: #26652F;
            width: 100%;
            color: #FFF;
            text-align: center;
            font-size: 12pt;
            font-weight: lighter;
        }

        #banner .banner-item img {
            margin-top: 1.875em;
            margin-bottom: 1.250em;
        }

        #banner .banner-item a {
            font-weight: bold;
            padding: 0.188em;
        }

#destaque-lateral {
    float: left;
    width: 35%;
    padding-left: 0.625em;
}

    #destaque-lateral a {
        width: 100%;
        font-family: tahoma;
        font-weight: normal;
        text-transform: none;
    }

#pesquisa-rapida {
    padding: 0.313em;
    border: 0.125em solid #26652F;
    -moz-border-radius: 0.438em;
    -webkit-border-radius: 0.438em;
    border-radius: 0.438em;
    font-size: 11pt;
    float: right;
}

    #pesquisa-rapida h1 {
        color: #26652F;
        font-weight: bold;
    }

    #pesquisa-rapida #left {
        float: left;
        width: 100%;
    }

    #pesquisa-rapida #right {
        float: left;
        display: block;
        width: 100%;
        line-height: 1;
    }

        #pesquisa-rapida #right a {
            font-size: 10pt;
            color: #26652F;
            line-height: 1;
            border: 0;
        }

    #pesquisa-rapida .btn-pesquisar {
        height: 1.875em;
        width: 15.625em;
        border: 0;
        font-weight: bold;
        margin-top: 0em;
        position: relative;
        float: right;
        background-color: transparent;
        cursor: pointer;
        margin-top: -1.875em;
    }

#txtNumero, #txtAno, #txtAssunto {
    color: #333;
    font-style: italic;
    font-size: 10pt;
    margin: 0.125em;
    width: 15.625em;
    border: 0.063em solid #ccc;
    padding: 0.125em;
    height: 1.875em;
    font-weight: bold;
}

#txtNumero, #txtAno {
    width: 7.688em;
    float: left;
}

.resumo-quadro {
    font-size: 12pt;
    line-height: 1;
    color: #666;
}

#links-servicos {
    float: left;
    width: 65%;
    padding-right: 0.625em;
    display: inline;
}

    #links-servicos a {
        float: left;
        padding: 1em;
    }

#noticias-destaque {
    float: left;
    width: 65%;
    padding-right: 0.625em;
    padding-left: 0.625em;
}

    #noticias-destaque .noticia {
        width: 100%;
    }

        #noticias-destaque .noticia h1 {
            color: #666;
        }

        #noticias-destaque .noticia img {
            width: 100%;
        }

        #noticias-destaque .noticia .data {
            text-align: left;
            color: #005EC7;
            font-weight: bold;
            padding-bottom: 0.313em;
            float: left;
            font-size: 12pt;
        }

        #noticias-destaque .noticia a h1 {
            font-size: 15pt;
        }

            #noticias-destaque .noticia a h1:hover {
                font-size: 15pt;
                color: #666;
            }

    #noticias-destaque .btn {
        text-transform: uppercase;
        color: #FFF;
        float: right;
        background-color: #26652F;
        padding: 0 1em 0 1em;
    }


.link {
    color: #26652F;
    float: right;
}

    .link:hover {
        color: #036;
        float: right;
    }



#publicidade-destaque {
    width: 16%;
    float: left;
}

    #publicidade-destaque a {
        background-image: url("images/bg-publicidade-destaque.png");
        border-radius: 0.5em;
        height: 4.8em;
        width: 4.8em;
        margin-bottom: 0.2em;
        float: left;
        color: #FFF;
        text-align: center;
        font-weight: bold;
    }

        #publicidade-destaque a > img {
            margin-top: 0.5em;
            margin-left: 30%;
            margin-right: 30%;
            width: 40%;
        }

        #publicidade-destaque a > span {
            color: #FFF;
            margin-top: 1.250em;
            font-size: 12pt;
            text-align: center;
        }

#destaque-lateral #publicidade-topo {
    border: 0.2em solid #26652F;
    border-radius: 1em;
    display: inline-block;
    height: 7.5em;
    width: 100%;
    margin-bottom: 0.2em;
    padding-left: 0.5em;
    padding-top: 0.3em;
}

    #destaque-lateral #publicidade-topo:hover {
        border: 0.2em solid #ccc;
        border-radius: 1em;
    }

    #destaque-lateral #publicidade-topo a {
        line-height: 2.5em;
        vertical-align: middle;
        font-size: 16pt;
        text-transform: uppercase;
        font-weight: bold;
    }

    #destaque-lateral #publicidade-topo img {
        line-height: 3em;
        vertical-align: middle;
        padding-right: 0.3em;
    }


#publicidade {
    float: left;
    width: 80%;
    display: inline-block;
    position: relative;
    height: 16em;
    padding-left: 1.5em;
}

    #publicidade a {
        width: 100%;
        color: #FFF;
        height: 1.95em;
        margin-bottom: 0.2em;
        float: left;
        font-size: 14pt;
        padding-left: 0.625em;
        text-align: left;
        background-color: #777777;
        background-image: url("images/publicidade-item.png");
        background-position: right;
        background-repeat: no-repeat;
        text-transform: uppercase;
        font-family: "SourceSansPro-Regular", Tahoma;
        font-weight: lighter;
    }

        #publicidade a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
            -webkit-transition: opacity .30s ease-in-out;
            -moz-transition: opacity .30s ease-in-out;
            -ms-transition: opacity .30s ease-in-out;
            -o-transition: opacity .30s ease-in-out;
            transition: opacity .30s ease-in-out;
        }


/*********************************************************************************/
/* Sessão página inicial                                                         */
/*********************************************************************************/
#sessao {
    float: left;
    width: 35%;
    display: inline;
    padding-right: 0.313em;
}

    #sessao p {
        text-align: center;
    }


/*********************************************************************************/
/* Efeito de mouseover na foto dos vereadores                                    */
/*********************************************************************************/
div#tipDiv {
    font-size: 0.688em;
    line-height: 1.2;
    color: #000;
    background-color: #E1E5F1;
    padding: 0.250em;
}

    div#tipDiv div.caption {
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.250em;
    }

    div#tipDiv div.img {
        text-align: center;
        margin: 0.250em 0;
    }

    div#tipDiv div.txt {
        text-align: center;
        margin: 0.250em 0;
    }


/*********************************************************************************/
/* Slider (página inicial)                                                       */
/*********************************************************************************/
/* jssor slider navigator skin 21 css */
/*
        .jssorn21 div           (normal)
        .jssorn21 div:hover     (normal mouseover)
        .jssorn21 .av           (active)
        .jssorn21 .av:hover     (active mouseover)
        .jssorn21 .dn           (mousedown)
        */
.jssorn21 div, .jssorn21 div:hover, .jssorn21 .av {
    /*background: url(images/n21.png) no-repeat;*/
    overflow: hidden;
    cursor: pointer;
}

.jssorn21 div {
    background-position: -0.313em -0.313em;
}

    .jssorn21 div:hover, .jssorn21 .av:hover {
        background-position: -2.188em -0.313em;
    }

.jssorn21 .av {
    background-position: -4.063em -0.313em;
}

.jssorn21 .dn, .jssorn21 .dn:hover {
    background-position: -5.938em -0.313em;
}


/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p           (normal)
.jssort01 .p:hover     (normal mouseover)
.jssort01 .pav           (active)
.jssort01 .pav:hover     (active mouseover)
.jssort01 .pdn           (mousedown)
*/
.jssort01 .w {
    position: absolute;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0em;
    left: 0em;
    width: 1.000em;
    height: 1.000em;
    border: 0.063em solid #999;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    width: 1.000em;
    height: 1.000em;
    background-color: #999;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0em;
    left: 0em;
    width: 1.000em;
    height: 1.000em;
}

/* jssor slider direction navigator skin 05 css */
/*
.jssord05l              (normal)
.jssord05r              (normal)
.jssord05l:hover        (normal mouseover)
.jssord05r:hover        (normal mouseover)
.jssord05ldn            (mousedown)
.jssord05rdn            (mousedown)
*/
.jssord05l, .jssord05r, .jssord05ldn, .jssord05rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.jssord05l {
    background-position: -0.625em -2.500em;
}

.jssord05r {
    background-position: -4.375em -2.500em;
}

.jssord05l:hover {
    background-position: -8.125em -2.500em;
}

.jssord05r:hover {
    background-position: -11.875em -2.500em;
}

.jssord05ldn {
    background-position: -15.625em -2.500em;
}

.jssord05rdn {
    background-position: -19.375em -2.500em;
}


#link-arquivo {
    width: 35%;
    float: left;
    display: inline;
    text-align: center;
}


/*********************************************************************************/
/* Calendário das Sessões                                                        */
/*********************************************************************************/
#calendario {
    float: right;
    width: 35%;
    padding-left: 0.313em;
}

    #calendario a {
        text-transform: uppercase;
        padding: 0.188em;
        width: 100%;
        font-size: 16pt;
    }

    #calendario p {
        height: 2.500em;
        text-transform: uppercase;
    }

    #calendario #anterior {
        float: left;
        width: 3.125em;
        font-size: 10pt;
    }

    #calendario #seguinte {
        float: right;
        width: 3.125em;
        font-size: 10pt;
    }

#dias {
    display: inline;
}

.day {
    padding-right: 0.938em;
    float: left;
    width: 13%;
    padding: 0.313em;
    text-align: center;
}

    .day a {
        color: #26652F;
    }

.day-selected {
    padding-right: 0.938em;
    padding: 0.313em;
    float: left;
    width: 13%;
    background-color: #26652F;
    color: #FFF;
    text-align: center;
}

    .day-selected a {
        color: #FFF;
    }


/*********************************************************************************/
/* Eventos                                                                       */
/*********************************************************************************/
#eventos {
    float: left;
    width: 46%;
    margin-right: 0.938em;
    margin-top: 1.250em;
    clear: both;
}

    #eventos h1 {
        color: #26652F;
        text-transform: uppercase;
        font-size: 25pt;
    }

    #eventos a {
        color: #26652F;
        text-transform: uppercase;
        padding: 0.313em;
        margin-right: 0.625em;
        width: 100%;
        font-size: 0.813em;
    }

        #eventos a:hover {
            color: #666;
            border-bottom: 0.063em dotted #666;
        }

.evento {
    margin-top: 0.625em;
    margin-bottom: 0.313em;
    border-bottom: 0.063em dotted #e6e6e6;
    display: inline-block;
    width: 100%;
}

    .evento img {
        height: 7.188em;
        border: 0.125em solid #e6e6e6;
        float: left;
        margin: 0em 0.625em 0.625em 0.313em;
    }

    .evento h1 {
        font-size: 11pt;
        color: #999;
        text-transform: uppercase;
    }

    .evento h2 {
        font-size: 12pt;
        color: #666;
    }

    .evento h3 {
        font-size: 11pt;
        color: #999;
    }

    .evento a {
        position: relative;
        text-transform: uppercase;
    }

        .evento a:hover {
            font-weight: bold;
        }


/*********************************************************************************/
/* Notícias                                                                      */
/*********************************************************************************/

#noticias-listagem {
    width: 100%;
    display: inline;
}

.icon-destaque {
    float: left;
    width: 40%;
    margin-top: 1.875em;
    text-align: right;
}

    .icon-destaque a {
        margin-bottom: 0.625em;
    }

    .icon-destaque img {
        width: 18.250em;
    }

#noticias {
    float: left;
    width: 50%;
    padding-left: 0.313em;
    margin-top: 1.250em;
}

    #noticias a {
        color: #666;
        font-size: 15pt;
        font-weight: bold;
        margin-bottom: 0.313em;
    }

        #noticias a:hover {
            color: #26652F;
        }

.noticia {
    margin-bottom: 0.063em;
    border-bottom: 0.063em dotted #e6e6e6;
    display: inline-block;
    width: 100%;
    padding-top: 0.313em;
    height: 2em;
}

    .noticia .data {
        color: #333;
        line-height: 1.5;
        font-size: 10pt;
        margin-bottom: 0;
        padding-right: 0.5em;
    }

    .noticia img {
        float: left;
        margin: 0em 0.625em 0.625em 0.313em;
    }

    .noticia h1 {
        font-size: 11pt;
        color: #000;
        text-transform: none;
    }

    .noticia h2 {
        font-size: 12pt;
        color: #666;
    }

    .noticia h3 {
        font-size: 11pt;
        color: #999;
    }

    .noticia a:hover {
        font-weight: bold;
        color: #26652F;
    }

.noticia-img-destaque {
    display: inline-block;
    float: right;
    margin: 0 0 0.625em 1.250em;
}

.noticia-img {
    display: inline-block;
    clear: both;
}

    .noticia-img .quadro {
        float: left;
        margin-right: 0.313em;
    }

.noticia-comentario {
    border: 0.063em solid #f5f5f5;
    padding-bottom: 0.625em;
    position: relative;
    display: block;
}

    .noticia-comentario .button {
        margin-left: 35%;
    }

    .noticia-comentario p {
        margin: 0;
    }

    .noticia-comentario .data {
        background-color: #f6f6f6;
        font-size: 10pt;
        color: #555;
    }

.resumo {
    border-left: 0.313em solid #F5F5F5;
    color: #333;
    padding: 0.313em;
    font-size: 15pt;
    margin-top: 1.875em;
    clear: both;
    float: left;
    display: block;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    margin-bottom: 1.250em;
}

#box-categoria {
    text-transform: uppercase;
    margin-bottom: 0.625em;
    padding-bottom: 0.625em;
    border-bottom: 0.063em dotted #ccc;
}

    #box-categoria a {
        font-weight: bold;
    }

/*********************************************************************************/
/* Galerias                                                                      */
/*********************************************************************************/
.galeria {
    display: inline-block;
    padding: 0;
    width: 30%;
    height: 18.750em;
    text-align: center;
}

    .galeria img {
        height: 9.375em;
        max-width: 100%;
    }

    .galeria h2 {
    }

    .galeria .item-galeria {
        float: left;
        text-align: center;
        margin: 0.313em;
    }

.galerias {
    float: left;
    padding-right: 0.625em;
    width: 65%;
}

    .galerias p {
        font-weight: bolder;
        text-align: center;
    }

/*********************************************************************************/
/* Contas Pública                                                                */
/*********************************************************************************/

.cp-ano {
    margin-top: 1.875em;
    display: inline-block;
    height: 4.375em;
}

    .cp-ano a {
        padding: 0.938em;
        border: 0.063em dotted #e6e6e6;
        margin: 0.125em;
        font-weight: bold;
        font-size: 15pt;
    }

.cp-arquivo {
    height: 8em;
    border: 0.063em dotted #e6e6e6;
    display: block;
    margin-bottom: 0.625em;
}

    .cp-arquivo img {
        float: left;
        padding: 0.313em;
    }
/*********************************************************************************/
/* Download                                                                      */
/*********************************************************************************/

.download {
    display: inline-block;
    padding: 0.625em;
    font-weight: lighter;
    padding-top: 1.250em;
    text-align: justify;
}

    .download a {
        color: #26652F;
        border-bottom: 0.063em dotted #26652F;
        font-weight: bold;
    }

        .download a:hover {
            color: #666;
        }


/*********************************************************************************/
/* Licitação                                                                     */
/*********************************************************************************/

.licitacao-filtro {
    display: inline-block;
    width: 100%;
    border: 0.063em dotted #999;
    padding: 1.250em;
}

    .licitacao-filtro .item {
        height: 3.750em;
        float: left;
        width: 32%;
        margin: 0.313em;
    }

    .licitacao-filtro .item2 {
        height: 3.750em;
        float: left;
        margin: 0.313em;
    }

    .licitacao-filtro .item select {
        height: 2.500em;
        width: 100%;
        border: 0.063em solid #e6e6e6;
        background-color: #FFF;
    }

.btn-limpar {
    padding: 0.313em;
    margin-right: 0.625em;
    text-transform: uppercase;
    font-size: 10pt;
    float: right;
    color: #333;
}

.licitacao {
    display: inline-block;
    padding: 0.625em;
    font-weight: lighter;
    padding-top: 1.250em;
}

    .licitacao strong {
        color: #333;
    }

    .licitacao h2 {
        padding-top: 0.625em;
    }

    .licitacao .item {
        width: 12.500em;
        float: left;
    }

    .licitacao .item3 {
        width: 50%;
        float: left;
    }

    .licitacao .width100 {
        clear: both;
    }

.item-impar {
    background-color: #f3f3f3;
}

.licitacao-arquivo {
    height: 3.750em;
    border: 0.063em dotted #999;
    display: block;
    margin-bottom: 1.250em;
}

    .licitacao-arquivo h3 {
        font-weight: 400;
    }

    .licitacao-arquivo img {
        float: left;
        padding: 0.313em;
    }

.licitacao-cadastro {
    border: 0.063em dotted #999;
    padding: 0.625em;
}

.licitacao-cadastro-op {
    text-align: center;
    min-height: 6.250em;
    margin-top: 3.125em;
}

.licitacao-button {
    background-color: #ccc;
    border: 0 none;
    border-radius: 0.2em;
    color: #333 !important;
    font-size: 20pt;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 0.625em;
    padding: 0.9em 1.6em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out 0s;
    width: 18.750em;
    height: 6.250em;
}

.button-clean {
    background-color: #FFF;
    border: 0 none;
    border-radius: 0.2em;
    color: #333 !important;
    font-size: 12pt;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out 0s;
}


.licitacao-cadastro .form a {
    color: #222;
    font-size: 11pt;
    top: 1.250em;
    text-transform: uppercase;
}

.button-autenticar {
    background-color: #ccc;
    border: 0 none;
    border-radius: 0.2em;
    color: #333 !important;
    font-size: 12pt;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 0.125em;
    padding: 0.3em 1.6em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out 0s;
    margin-top: 0.625em;
    width: 11.250em;
}


/*********************************************************************************/
/* Paginação                                                                     */
/*********************************************************************************/

.pagination {
    padding: 1.250em;
    margin-bottom: 1.250em;
}

.page {
    display: inline-block;
    padding: 0em 0.563em;
    margin-right: 0.250em;
    border-radius: 0.188em;
    border: solid 0.063em #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0em 0.063em 0em rgba(255,255,255, .8), 0em 0.063em 0.188em rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0em 0.063em 0em rgba(255,255,255, 1);
}

    .page:hover, .page.gradient:hover {
        background: #fefefe;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
        background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
    }

    .page.active {
        border: none;
        background: #616161;
        box-shadow: inset 0em 0em 0.500em rgba(0,0,0, .5), 0em 0.063em 0em rgba(255,255,255, .8);
        color: #f0f0f0;
        text-shadow: 0em 0em 0.188em rgba(0,0,0, .5);
    }




/*********************************************************************************/
/* TipTip CSS - Version 1.2                                                      */
/*********************************************************************************/


#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    font-family: "SourceSansPro-Regular", Tahoma;
    text-decoration: none;
}

    #tiptip_holder.tip_top {
        padding-bottom: 0.313em;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 0.313em;
    }

    #tiptip_holder.tip_right {
        padding-left: 0.313em;
    }

    #tiptip_holder.tip_left {
        padding-right: 0.313em;
    }

#tiptip_content {
    font-size: 12pt;
    color: #fff;
    text-shadow: 0 0 0.125em #000;
    padding: 1em;
    border: 0.063em solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
    border-radius: 0.188em;
    -webkit-border-radius: 0.188em;
    -moz-border-radius: 0.188em;
    box-shadow: 0 0 0.188em #555;
    -webkit-box-shadow: 0 0 0.188em #555;
    -moz-box-shadow: 0 0 0.188em #555;
    width: 30em;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 0.375em;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -0.438em;
    margin-left: -0.375em;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -0.313em;
    margin-left: -0.375em;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -0.375em;
    margin-left: -0.313em;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -0.375em;
    margin-left: -0.438em;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 0.250em 0.500em 0.313em 0.500em;
        background-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20,20,20,0.92);
    }
}

.link-quadro {
    color: #FFF;
}

    .link-quadro:hover {
        color: #FFF;
    }

.table-sic {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .table-sic td:first-child {
        text-align: left;
    }

    .table-sic th, .table-sic td {
        border: 1px solid #cccccc;
        padding: 0.5em;
    }

        .table-sic th, .table-sic td:first-child {
            font-weight: bold;
            background-color: #eeeeee;
            background-image: -moz-linear-gradient(center top, #f6f6f6, #eeeeee);
        }

        .table-sic tr:last-child, .table-sic td:last-child {
            background-color: #DBDBDB;
            color: #000;
            font-weight: bold;
        }


/* CONFIGURAÇÕES DA PÁGINA DE ERRO */
#erro {
    text-align: center;
    font-size: 15pt;
    text-transform: uppercase;
    width: 100%;
}

    #erro #voltar {
        font-size: 10pt;
    }


#enquete {
    float: left;
    width: 35%;
    padding-left: 0.313em;
}

    #enquete .btn {
        vertical-align: middle;
    }

/*********************************************************************************/
/* SIC                                                                           */
/*********************************************************************************/
.bg-titulo-sic {
    font-size: 20px;
    color: #26652F;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.bg-destaque-sic {
    font-size: 18px;
    color: #26652F;
    text-align: center;
}

.link-sic {
    color: #26652F;
    font-weight: bold;
}

.ul-sic {
    list-style-type: none;
    padding-left: 0em;
}

#sic-texto {
    text-indent: 2.188em;
    margin-top: 1.250em;
}

    #sic-texto p a {
        border-bottom: 0.063em dotted #666;
    }

@media screen and (max-width: 780px) {
    .card-position {
        float: left;
    }
}

.card-login {
    border: 3px solid #26652F;
    width: 60%;
    height: auto;
    box-shadow: 2px 5px 15px black;
}

.card-position {
    float: right;
}

.card-painel {
    border: 3px solid #26652F;
    width: 30%!important;
    height: auto;
    box-shadow: 2px 5px 15px black;
    margin-left: 20px;
}
.anexos {
   
}
.anexos .col-lg-6 {
    height: 200px;
    background: #e7e7e7;
    padding: 10px;
    border-radius: 10px;
    margin: 2px;
    width: 49%;
    overflow: auto;
}
.icon-doc {
    padding-top: 10px;
}
.icon-doc img{
    width: 50px;
    height: 50px;
}
@media screen and (max-width: 780px) {
    .card-position {
        float: left;
    }

    .card-painel {
        width: 100%;
        margin-left: 0px;
    }
}

.sic-filtro {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px dotted #999;
    padding: 10px;
}

    .sic-filtro p {
        margin: 0;
        margin-top: 1em;
        text-align: left !important;
    }

    .sic-filtro input {
        height: 35px;
    }

.sic-pesquisa {
    border: 0.063em dotted #666;
    margin-top: 1.250em;
}

#sic-opcao {
    background-color: #d6d6d6;
    width: 40%;
    text-align: center;
}

    #sic-opcao a {
        color: #333 !important;
        text-transform: uppercase;
        text-align: center;
    }

.button-pesquisar {
    background-color: #ccc;
    border: 0 none;
    border-radius: 0.2em;
    color: #333 !important;
    font-size: 12pt;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0.3em 1.6em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out 0s;
    width: 11.250em;
}

/*----------------*/

#sic-passos {
    text-align: center;
}

    #sic-passos a {
        background-color: #ccc;
        border: 0 none;
        border-radius: 0.2em;
        color: #333 !important;
        font-size: 5pt;
        text-transform: uppercase;
        cursor: pointer;
        margin-top: 0.625em;
        padding: 0.9em 1.6em;
        padding-top: 4em;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: background-color 0.35s ease-in-out 0s;
        width: 30%;
        height: 25em;
        display: inline-block;
        margin: 0.313em;
    }

        #sic-passos a h2 {
            font-size: 18pt;
        }

        #sic-passos a h3 {
            font-size: 10pt;
        }

        #sic-passos a:hover {
            background-color: #8DD3CE;
        }


/*********************************************************************************/
/* SIC                                                                           */
/*********************************************************************************/


/*********************************************************************************/
/* OUVIDORIA                                                                     */
/*********************************************************************************/


.card-ouvidoria {
    width: 100%;
    border: 3px solid #26652F;
    box-shadow: 2px 5px 15px black;
}

.card-ouvidoria-position {
    float: right;
}

@media screen and (max-width: 780px) {
    .card-ouvidoria-position {
        float: left;
    }
}

.button-pesquisar {
    background-color: #ccc;
    border: 0 none;
    border-radius: 0.2em;
    color: #333 !important;
    font-size: 12pt;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0.3em 1.6em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out 0s;
    width: 11.250em;
}
/***********/

#ouvidoria-texto {
    text-indent: 2.188em;
    margin-top: 1.250em;
}

    #ouvidoria-texto p a {
        font-weight: bold;
        border-bottom: 0.063em dotted #666;
    }

/*********************************************************************************/
/* OUVIDORIA                                                                     */
/*********************************************************************************/

table {
    width: 100%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    padding: 15px;
    text-align: left;
}

.cabecalho {
    background-color: lightgray;
    color: black;
    text-align: center;
    font-size: 16px;
}