body {
    margin: 0px;
}

.colorboxIframe .tituloColorbox {
    font-family: din-blackregular;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
}

.txtColorbox {
    font-family: dinregular;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}



.tituloColorboxGenerico {
    position: relative;
    z-index: 3;
    height: 59px;
    /*background-image: url(../../img/topo-titulo-colorbox.png);*/
    background-color: #4e82bb;
    width: 100%;
    color: #fff;
    font-family: Swis721CnBTBold;
    font-size: 20px;
    line-height: 59px;
    text-transform: uppercase;
    padding: 0px 0px 0px 20px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.titleColorbox {
    background-image: url(images/bg-title-colorbox.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 16px 0px 40px 70px;
}


.tituloColorboxPopupManual {
    position: absolute;
    z-index: 3;
    height: 59px;
    background-image: url(img/topo-titulo-colorbox.png);
    width: 672px;
    color: #fff;
    font-family: Swis721CnBTBold;
    font-size: 17px;
    text-transform: uppercase;
    padding: 18px 0px 0px 68px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    top: 0px;
    left: 0px;
}

.alinhaConteudoColorbox {
    margin-left: 25px;
}








/*********** ESTILOS PARA MENSAGENS POPUP INLINE - COLORBOX ****************/

.mensagemPopup {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .mensagemPopup div {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .mensagemPopup p {
        margin-bottom: 15px;
        font-size: 13px;
    }

        .mensagemPopup p.title {
            margin-bottom: 10px;
            font-family: Swis721CnBTBold;
            font-size: 17px;
        }
        /*.mensagemPopup span {display:inline-block; position:relative; margin-bottom:20px; font-family:Swis721CnBTBold; font-size:16px;}*/
        .mensagemPopup p.destaque {
            background-color: #f6f6f6;
            padding: 16px;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

    .mensagemPopup ul li {
        list-style: square;
        list-style-position: inside;
    }




/*********** ESTILOS PARA MENSAGENS POPUP INLINE - COLORBOX - NOVO ****************/

.mensagemPopupBuscaAlternativa {
    font-family: 'dinregular';
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .mensagemPopupBuscaAlternativa p {
        margin-bottom: 15px;
        font-size: 13px;
        font-family: 'dinregular';
    }

        .mensagemPopupBuscaAlternativa p.subtitle {
            margin-bottom: 10px;
            font-family: 'din-blackregular';
            font-size: 15px;
            color: #555;
        }

    .mensagemPopupBuscaAlternativa .titlePrincipal {
        position: relative;
        margin-bottom: 20px;
        font-family: 'din-blackregular';
        font-size: 30px;
        background-color: #d3d3d3;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 17px;
        color: #fff;
    }

    .mensagemPopupBuscaAlternativa .alinhaCampos {
        position: relative;
        margin-bottom: 20px;
        width: 95%;
        margin: 0 auto;
    }

.popupBold {
    font-family: 'din-blackregular';
}











/*------------------ FIM - AGENDA DE HORÁRIOS - MÓDULO SEGURANÇA -----------------------*/
.mensagemPopup {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .mensagemPopup div {
        margin-bottom: 15px;
        font-size: 13px;
        font-family: Swis721CnBTRoman;
    }

    .mensagemPopup p {
        margin-bottom: 15px;
        font-size: 13px;
    }

        .mensagemPopup p.title {
            margin-bottom: 10px;
            font-family: Swis721CnBTBold;
            font-size: 17px;
        }
        /*.mensagemPopup span {display:inline-block; position:relative; margin-bottom:20px; font-family:Swis721CnBTBold; font-size:16px;}*/
        .mensagemPopup p.destaque {
            background-color: #f2f2f2;
            padding: 16px;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

.titleColorbox {
    font-family: Swis721CnBTBold;
    color: White;
    font-size: 20px;
    background-color: #ccc;
    padding: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 3px;
}




/* ----  COLORBOX ---- */
.Colorbox {
    position: relative;
    padding: 0px;
    background-color: #d6e9fd;
    font-family: Arial;
    padding-bottom: 30px;
    height: 100%;
}

.ColorboxTopo {
    background-color: #5081B3;
    padding: 30px 20px !important;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: din-blackregular;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.ColorboxContainer {
    padding: 10px 30px;
    /*background-color: #d6e9fd !important;*/
}

.ColorboxSubtitulo {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.ColorboxTexto {
    font-size: 12px;
}

/* ---- fim do COLORBOX ---- */



/*#inline_content a {text-decoration:none; font-weight:bold; color:#1b4a7a;}
#inline_content a:hover {text-decoration:none; font-weight:bold; color:#1b4a7a;}
*/


.tituloManuaisModulo {
    position: relative;
    width: 99%;
    background-color: #bbd8eb;
    font-family: din-blackregular;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 17px 10px 13px 16px;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 17px;
    margin-top: 25px;
}

    .tituloManuaisModulo:before {
        content: "\f0ae";
        font-family: FontAwesome;
        margin-right: 10px;
    }



.tituloManuaisTipoPublicacao {
    position: relative;
    width: 99%;
    padding: 8px 8px 4px 9px;
    border: solid 1px #8ea9ba;
    color: #2d5370;
    border-radius: 4px;
    box-sizing: border-box;
}

.itensManuais {
    padding: 0px;
}

    .itensManuais li {
        list-style: none;
    }

        .itensManuais li a {
            position: relative;
            position: relative;
            position: relative;
            display: inline-block;
            color: #60849b;
            font-family: dinregular;
            font-size: 14px;
            text-decoration: none;
            margin-left: 6px;
            margin-bottom: 0px;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -ms-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
            background-color: none;
            padding: 4px 9px !important;
            box-sizing: border-box;
            border-radius: 4px;
        }

            .itensManuais li a:hover {
                position: relative;
                color: #2d5370;
                background-color: #eaf2f8;
                box-sizing: border-box;
                border-radius: 4px;
            }

            .itensManuais li a:before {
                content: "\f019";
                font-family: FontAwesome;
                margin-right: 6px;
                color: #2d5370;
            }
















/*********** ESTILOS PARA MENSAGENS POPUP INLINE - COLORBOX ****************/




.mensagemPopup {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .mensagemPopup div {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .mensagemPopup p {
        margin-bottom: 15px;
        font-size: 13px;
    }

        .mensagemPopup p.title {
            margin-bottom: 10px;
            font-family: Swis721CnBTBold;
            font-size: 17px;
        }
        /*.mensagemPopup span {display:inline-block; position:relative; margin-bottom:20px; font-family:Swis721CnBTBold; font-size:16px;}*/
        .mensagemPopup p.destaque {
            background-color: #f6f6f6;
            padding: 16px;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }



/*********** ESTILOS PARA MENSAGENS POPUP INLINE - COLORBOX - NOVO ****************/

.mensagemPopupBuscaAlternativa {
    font-family: 'dinregular';
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .mensagemPopupBuscaAlternativa p {
        margin-bottom: 15px;
        font-size: 13px;
        font-family: 'dinregular';
    }

        .mensagemPopupBuscaAlternativa p.subtitle {
            margin-bottom: 10px;
            font-family: 'din-blackregular';
            font-size: 15px;
            color: #555;
        }

    .mensagemPopupBuscaAlternativa .titlePrincipal {
        position: relative;
        margin-bottom: 20px;
        font-family: 'din-blackregular';
        font-size: 30px;
        background-color: #d3d3d3;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 17px;
        color: #fff;
    }

    .mensagemPopupBuscaAlternativa .alinhaCampos {
        position: relative;
        margin-bottom: 20px;
        width: 95%;
        margin: 0 auto;
    }


.botaoPopup {
    position: relative;
    background-color: #b7b7b7;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 10px;
    display: inline-block;
    margin-right: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoPopup:hover {
        position: relative;
        background-color: #888;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }






/*********** ESTILOS PARA MENSAGENS POPUP IFRAME AZUL - COLORBOX ****************/

.mensagemPopupIframeAzul {
    font-family: 'dinregular';
    font-size: 13px;
    line-height: 18px;
    color: #555;
    text-align: justify;
}

    .mensagemPopupIframeAzul p {
        margin-bottom: 15px;
        font-size: 13px;
        font-family: 'dinregular';
    }

        .mensagemPopupIframeAzul p.subtitle {
            margin-bottom: 10px;
            font-family: 'dinregular';
            font-size: 20px;
            color: #315266;
        }

    .mensagemPopupIframeAzul .titlePrincipal {
        position: relative;
        height: 110px;
        line-height: 110px;
        background-color: #4e82bb;
        width: 100%;
        font-family: 'din-blackregular';
        font-size: 36px;
        color: #fff;
        text-transform: uppercase;
        padding: 0px 0px 0px 32px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mensagemPopupIframeAzul .contentColorbox {
        position: relative;
        padding: 30px 40px;
    }

    .mensagemPopupIframeAzul .alinhaCampos {
        position: relative;
        margin-bottom: 20px;
        width: 95%;
        margin: 0 auto;
    }

@media only screen and (max-width: 800px) {
    .mensagemPopupIframeAzul .titlePrincipal {
        font-size: 21px;
    }
}

/*********** ESTILOS PARA MENSAGENS POPUP IFRAME AZUL FIXED - COLORBOX ****************/

.mensagemPopupIframeAzulFixed {
    font-family: 'dinregular';
    font-size: 13px;
    line-height: 18px;
    color: #555;
    text-align: justify;
}

    .mensagemPopupIframeAzulFixed p {
        margin-bottom: 15px;
        font-size: 13px;
        font-family: 'dinregular';
    }

        .mensagemPopupIframeAzulFixed p.subtitle {
            margin-bottom: 10px;
            font-family: 'dinregular';
            font-size: 20px;
            color: #315266;
        }

    .mensagemPopupIframeAzulFixed .titlePrincipal {
        position: fixed;
        height: 110px;
        line-height: 110px;
        background-color: #4e82bb;
        width: 100%;
        font-family: 'din-blackregular';
        font-size: 36px;
        color: #fff;
        text-transform: uppercase;
        padding: 0px 0px 0px 32px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
    }

    .mensagemPopupIframeAzulFixed .contentColorbox {
        position: relative;
        padding: 0px 40px;
        z-index: 999;
    }

    .mensagemPopupIframeAzulFixed .alinhaCampos {
        position: relative;
        margin-bottom: 20px;
        width: 95%;
        margin: 0 auto;
    }

    .mensagemPopupIframeAzulFixed .texto {
        padding: 15px 20px;
        font-family: 'dinregular';
        font-size: 15px !important;
        line-height: 18px;
    }

    .mensagemPopupIframeAzulFixed .imagem {
        width: 90%;
        -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
        -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
        box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
        border: 4px solid #FFF;
        border-radius: 4px;
    }

    .mensagemPopupIframeAzulFixed a {
        color: #13538a;
    }

@media only screen and (max-width: 800px) {
    .mensagemPopupIframeAzulFixed .titlePrincipal {
        font-size: 21px;
    }
}

/*////////////////////////////////////////////////////////// POPUP COM TÍTULO AZUL GRANDE ///////////////////////////////////////////////////////////////////*/

.colorboxTituloAzulGrande {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .colorboxTituloAzulGrande .tituloPrincipal {
        position: relative;
        height: 110px;
        line-height: 110px;
        background-color: #4e82bb;
        width: 100%;
        color: #fff;
        font-family: Swis721CnBTBold;
        font-size: 32px;
        text-transform: uppercase;
        padding: 0px 0px 0px 32px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulGrande .titlePrincipal {
        position: relative;
        height: 110px;
        line-height: 110px;
        background-color: #4e82bb;
        width: 100%;
        color: #fff;
        font-family: Swis721CnBTBold;
        font-size: 32px;
        text-transform: uppercase;
        padding: 0px 0px 0px 32px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulGrande .tituloSecundario {
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloAzulGrande .contentColorbox {
        position: relative;
        padding: 40px 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulGrande p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxTituloAzulGrande .botaoCB, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .colorboxTituloAzulGrande .botaoCB:hover, .colorboxTituloAzul p .botaoCB:hover {
            position: relative;
            background-color: #adc8e6;
            color: #fff !important;
            text-decoration: none !important;
            font-weight: bold;
            padding: 8px 10px;
            display: inline-block;
            margin-right: 7px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

    .colorboxTituloAzulGrande .subtitulo {
        position: relative;
        color: #4e82bb;
        display: block;
        margin-top: 30px;
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloAzulGrande #cboxClose {
        position: absolute;
        top: 33px;
        right: 32px;
        /* background-image: url(../img/fechar-carna.png); */
        background-image: none !important;
        width: 44px;
        height: 44px;
        border: none;
        outline: none;
        background-color: #285e9a;
        border-radius: 4px;
        color: #fff;
    }

        .colorboxTituloAzulGrande #cboxClose:hover {
            position: absolute;
            top: 33px;
            right: 32px;
            /* background-image: url(../img/fechar-carna.png); */
            background-image: none !important;
            width: 44px;
            height: 44px;
            border: none;
            outline: none;
            background-color: #245388;
            border-radius: 4px;
            color: #fff;
        }

        .colorboxTituloAzulGrande #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }

/* FIM */



/*////////////////////////////////////////////////////////// POPUP COM TÍTULO AZUL PEQUENO ///////////////////////////////////////////////////////////////////*/


.colorboxTituloAzulPequeno {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .colorboxTituloAzulPequeno .tituloPrincipal {
        position: relative;
        height: 60px;
        line-height: 62px;
        background-color: #4e82bb;
        width: 100%;
        color: #fff;
        font-family: Swis721CnBTBold;
        font-size: 22px;
        text-transform: uppercase;
        padding: 0px 0px 0px 22px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulPequeno .tituloSecundario {
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloAzulPequeno .contentColorbox {
        position: relative;
        padding: 40px 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulPequeno p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxTituloAzulPequeno .botaoCB, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .colorboxTituloAzulPequeno .botao:hover, .colorboxTituloAzul p .botao:hover {
        position: relative;
        background-color: #adc8e6;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .colorboxTituloAzulPequeno .subtitulo {
        position: relative;
        color: #4e82bb;
        display: block;
        margin-top: 30px;
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloAzulPequeno #cboxClose {
        position: absolute;
        top: 13px;
        right: 22px;
        /* background-image: url(../img/fechar-carna.png); */
        background-image: none !important;
        width: 34px;
        height: 34px;
        border: none;
        outline: none;
        background-color: #285e9a;
        border-radius: 4px;
        color: #fff;
    }

        .colorboxTituloAzulPequeno #cboxClose:hover {
            background-color: #245388;
            border-radius: 4px;
        }

        .colorboxTituloAzulPequeno #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }

/*////////////////////////////////////////////////////////// POPUP COM TÍTULO AZUL PEQUENO ///////////////////////////////////////////////////////////////////*/

.colorboxSemTitulo {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .colorboxSemTitulo .tituloPrincipal {
        display: none;
        position: relative;
        height: 60px;
        line-height: 62px;
        background-color: #4e82bb;
        width: 100%;
        color: #fff;
        font-family: Swis721CnBTBold;
        font-size: 22px;
        text-transform: uppercase;
        padding: 0px 0px 0px 22px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxSemTitulo .tituloSecundario {
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxSemTitulo .contentColorbox {
        position: relative;
        padding: 30px 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxSemTitulo p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxSemTitulo .botao, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .colorboxSemTitulo .botaoCB:hover, .colorboxTituloAzul p .botaoCB:hover {
            position: relative;
            background-color: #adc8e6;
            color: #fff !important;
            text-decoration: none !important;
            font-weight: bold;
            padding: 8px 10px;
            display: inline-block;
            margin-right: 7px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

    .colorboxSemTitulo #cboxClose {
        position: absolute;
        top: inherit;
        bottom: 13px !important;
        right: 13px;
        /* background-image: url(../img/fechar-carna.png); */
        background-image: none !important;
        width: 34px;
        height: 34px;
        border: none;
        outline: none;
        background-color: #285e9a;
        border-radius: 4px;
        color: #fff;
    }

        .colorboxSemTitulo #cboxClose:hover {
            background-color: #245388;
            border-radius: 4px;
        }

        .colorboxSemTitulo #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }







/*////////////////////////////////////////////////////////// POPUP COM TÍTULO AZUL GRANDE SITE VIDA ///////////////////////////////////////////////////////////////////*/

.colorboxTituloAzulGrandeSiteVida {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .colorboxTituloAzulGrandeSiteVida .tituloPrincipal {
        position: relative;
        height: 110px;
        line-height: 110px;
        background-color: #4e82bb;
        width: 100%;
        color: #fff;
        font-family: Swis721CnBTBold;
        font-size: 32px;
        text-transform: uppercase;
        padding: 0px 0px 0px 32px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulGrandeSiteVida .tituloSecundario {
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloAzulGrandeSiteVida .contentColorbox {
        position: relative;
        padding: 40px 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloAzulGrandeSiteVida p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxTituloAzulGrandeSiteVida .botaoCB, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .colorboxTituloAzulGrandeSiteVida .botaoCB:hover, .colorboxTituloAzul p .botaoCB:hover {
            position: relative;
            background-color: #adc8e6;
            color: #fff !important;
            text-decoration: none !important;
            font-weight: bold;
            padding: 8px 10px;
            display: inline-block;
            margin-right: 7px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

    .colorboxTituloAzulGrandeSiteVida #cboxClose {
        position: absolute;
        top: 33px;
        right: 32px;
        /* background-image: url(../img/fechar-carna.png); */
        background-image: none !important;
        width: 44px;
        height: 44px;
        border: none;
        outline: none;
        background-color: #285e9a;
        border-radius: 4px;
        color: #fff;
    }

        .colorboxTituloAzulGrandeSiteVida #cboxClose:hover {
            position: absolute;
            top: 33px;
            right: 32px;
            /* background-image: url(../img/fechar-carna.png); */
            background-image: none !important;
            width: 44px;
            height: 44px;
            border: none;
            outline: none;
            background-color: #245388;
            border-radius: 4px;
            color: #fff;
        }

        .colorboxTituloAzulGrandeSiteVida #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }


/*////////////////////////////////////////////////////////// POPUP COM TÍTULO CINZA PEQUENO ///////////////////////////////////////////////////////////////////*/


.colorboxTituloCinzaPequeno {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    padding: 30px 20px 20px 20px;
    text-align: justify;
}

    .colorboxTituloCinzaPequeno .tituloPrincipal {
        position: relative;
        height: 60px;
        line-height: 62px;
        font-size: 20px;
        background-color: #ccc;
        width: 100%;
        color: #fff;
        font-family: Swis721CnBTBold;
        font-size: 22px;
        text-transform: uppercase;
        padding: 0px 0px 0px 22px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloCinzaPequeno .tituloSecundario {
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloCinzaPequeno .contentColorbox {
        position: relative;
        padding: 40px 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloCinzaPequeno p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxTituloCinzaPequeno .botaoCB, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .colorboxTituloCinzaPequeno .botao:hover, .colorboxTituloAzul p .botao:hover {
        position: relative;
        background-color: #adc8e6;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .colorboxTituloCinzaPequeno .subtitulo {
        position: relative;
        color: #4e82bb;
        display: block;
        margin-top: 30px;
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }

    .colorboxTituloCinzaPequeno #cboxClose {
        position: absolute;
        top: 13px;
        right: 22px;
        /* background-image: url(../img/fechar-carna.png); */
        background-image: none !important;
        width: 34px;
        height: 34px;
        border: none;
        outline: none;
        background-color: #616161;
        border-radius: 4px;
        color: #fff;
    }

        .colorboxTituloCinzaPequeno #cboxClose:hover {
            background-color: #454545;
            border-radius: 4px;
        }

        .colorboxTituloCinzaPequeno #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }


/*////////////////////////////////////////////////////////// POPUP COM TÍTULO CINZA E FUNDO AZUL ("ESQUECEU A SENHA") ///////////////////////////////////////////////////////////////////*/

.colorboxTituloCinzaFundoAzul {
    font-family: Swis721CnBTRoman;
    font-size: 13px;
    line-height: 18px;
    color: #555; /*padding:30px 20px 20px 20px;*/
    text-align: justify;
}

    .colorboxTituloCinzaFundoAzul .tituloPrincipal {
        position: relative;
        height: 127px;
        line-height: 0px;
        background-image: url(../images/bgTituloColorboxCinza.png);
        background-repeat: no-repeat;
        width: 100%;
        color: #5e86ba;
        font-family: Swis721CnBTBold;
        font-size: 26px;
        text-transform: uppercase;
        padding: 0px 0px 0px 32px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloCinzaFundoAzul .tituloSecundario {
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
        color: #fff;
    }

    .colorboxTituloCinzaFundoAzul .contentColorbox {
        position: relative;
        padding: 40px 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxTituloCinzaFundoAzul p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxTituloCinzaFundoAzul .botaoCB, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .colorboxTituloCinzaFundoAzul .botaoCB:hover, .colorboxTituloAzul p .botaoCB:hover {
            position: relative;
            background-color: #adc8e6;
            color: #fff !important;
            text-decoration: none !important;
            font-weight: bold;
            padding: 8px 10px;
            display: inline-block;
            margin-right: 7px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

    .colorboxTituloCinzaFundoAzul .botaoPadrao {
        position: relative;
        background: #f2f5f6; /* Old browsers */
        background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
        color: #7093c2 !important;
        text-decoration: none;
        font-weight: bold;
        padding: 10px 10px 8px 10px;
        display: inline-block;
        margin-top: 25px;
        font-size: 15px;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .colorboxTituloCinzaFundoAzul .botaoPadrao:hover {
            position: relative;
            background: #e8f1f4; /* Old browsers */
            background: -moz-linear-gradient(top, #e8f1f4 0%, #cce1ea 38%, #bed4db 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e8f1f4 0%,#cce1ea 38%,#bed4db 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e8f1f4 0%,#cce1ea 38%,#bed4db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f1f4', endColorstr='#bed4db',GradientType=0 ); /* IE6-9 */
            text-decoration: none !important;
        }

        .colorboxTituloCinzaFundoAzul .botaoPadrao:before {
            content: "\f054";
            font-family: FontAwesome;
            margin-right: 5px;
        }

    .colorboxTituloCinzaFundoAzul #cboxContent {
        background-color: #7ea2d2;
    }

    .colorboxTituloCinzaFundoAzul .tituloPrincipal img {
        position: relative;
        top: 25px;
    }

    .colorboxTituloCinzaFundoAzul .tituloPrincipal span {
        position: relative;
        margin-top: -14px;
        display: block;
        padding-left: 75px;
    }

    .colorboxTituloCinzaFundoAzul .subtituloPrincipal {
        position: relative;
        font-family: 'dinregular';
        font-size: 14px;
        line-height: 93px;
    }

    .colorboxTituloCinzaFundoAzul #cboxClose {
        position: absolute;
        top: 33px;
        right: 32px;
        background-image: none !important;
        width: 44px;
        height: 44px;
        border: none;
        outline: none;
        background-color: #86aad8 !important;
        border-radius: 4px;
        color: #fff;
    }

        .colorboxTituloCinzaFundoAzul #cboxClose:hover {
            position: absolute;
            top: 33px;
            right: 32px;
            /* background-image: url(../img/fechar-carna.png); */
            background-image: none !important;
            width: 44px;
            height: 44px;
            border: none;
            outline: none;
            background-color: #7d9fcc;
            border-radius: 4px;
            color: #fff;
        }

        .colorboxTituloCinzaFundoAzul #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }




/* FIM */










.botaoPopup {
    position: relative;
    background-color: #b7b7b7;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 10px;
    display: inline-block;
    margin-right: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoPopup:hover {
        position: relative;
        background-color: #888;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

.btnImprimirColorbox {
    -webkit-appearance: none;
    cursor: pointer;
    background-color: #7dacde;
    color: white !important;
    border: 0px !important;
    padding: 10px 14px;
    border-radius: 4px;
    font-weight: bold !important;
    display: inline-block;
    position: relative;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .btnImprimirColorbox:hover {
        background-color: #608bb9;
    }