/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('truetype');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('truetype');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url('Montserrat-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat-Bold'), url('Montserrat-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px;
    background-color: transparent;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

/* ELEMENTOS DO CABECALHO E RODAPE */
#global {
    height: 65px;
    width: 100%;
    border-bottom: 1px solid #000000;
    background-color: #0054A4;
    margin-bottom: 5px;
    min-height: 110px;
}

    #global a {
        cursor: default;
    }

        #global a:hover {
            text-decoration: none;
        }

#BarraSistema {
    margin: 40px auto 20px auto;
    max-width: 960px;
    height: 35px;
    font-weight: 700;
    color: #00529f;
    border-bottom: 1px solid #EEE;
    font-size: 21px;
}

#logo {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    font-size: 19px;
    line-height: 26px;
    color: #FFF;
    padding: 15px 0px 0px 0px !important;
    height: 95px;
}

    #logo span {
        color: #FFF;
        font: 26px 'MontSerrat';
        max-width: 700px;
        height: 70px;
        display: block;
    }

#Captcha1_btnLogin {
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 10px;
    font: 14px 'Lato';
}

.btnLogin {
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 15px;
    margin-right: 10px;
    font: 14px 'Lato';
}

#Captcha1_lnkVoltar {
    font: 14px 'Lato';
}

.lnkVoltar {
    font: 14px 'Lato';
}

input[type=text], input[type=password] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #FFF;
    border: 1px solid #DDD;
    margin-bottom: 5px;
    font-size: 14px;
    width: 160px;
}

.labelControle {
    font: 14px 'Lato';
    width: 35% !important;
    padding-right: 10px !important;
}

.labelErro {
    font: 14px 'Lato';
    padding: 10px 0px;
    color: Red;
}

.captchaGerarNovaImagem, .captchaBordaConteudo {
    font: 14px 'Lato';
}

* + html #Captcha1_btnLogin {
    margin-right: -5px !important;
}

#bgHeader {
    float: right;
    width: 410px;
    height: 65px;
}

footer .barraAzul {
    display: block;
    width: 100%;
    height: 80px;
    background-color: #0055a2;
    margin-top: 25px;
}

    footer .barraAzul .logoGoverno {
        width: 150px;
        height: 54px;
        margin: 10px 0px 0px 0px;
        float: right;
    }

footer p, footer address {
    margin: 0;
    font-style: normal;
    color: #3f3f3f;
    font-family: 'Lato';
    font-size: 11px;
    text-align: center;
    padding: 5px 0px;
    width: 100%;
    font-weight: 700;
}

.icone-logoGovernoFooter {
    background-position: 0 -1085px !important;
}

#contentMain {
    width: 100%;
}

.block {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

ol, ul {
    margin: 0px;
    margin-bottom: 10px;
}

.assistant {
    overflow: hidden;
}

    .assistant ul {
        padding: 18px 0px 0px 0px;
        float: left;
        list-style: none;
        margin-bottom: 10px;
    }

        .assistant ul li {
            float: left;
            border-left: 1px solid #58585a;
            font: 12px 'Lato';
            font-weight: 700;
            line-height: 12px !important;
            padding: 0 5px;
        }

            .assistant ul li.first-child {
                border-left: none;
            }

            .assistant ul li a {
                color: #58585a;
            }

    .assistant .logoGoverno {
        width: 150px;
        height: 48px;
        margin: 2px 0 2px 0;
        display: block;
        float: right;
    }

.icone-logoGovernoHeader {
    background-position: 0 -535px !important
}

.icones {
    background-image: url(../img/bg.png);
    background-repeat: no-repeat
}

.icone-zoomDefault {
    background-position: 0 0 !important;
}

.icone-diminuirTexto {
    background-position: 0 -50px !important;
}

.icone-aumentarTexto {
    background-position: 0 -100px !important;
}

.icone-contraste {
    background-position: 0 -150px !important;
}

/*FORMULARIOS*/
image, input.imgButton {
    border: none;
}

    image.imgButton, input.imgButton {
        cursor: pointer;
    }

input, textarea, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

    input[disabled] {
        /*color: #cccccc; */
    }

    input.text, textarea.text, select.text {
        color: #cc0000;
        border: solid 1px #adadad;
    }

    input.button {
        background-color: #cdcdcd;
        border: solid 1px #adadad;
        color: #000000;
        margin: 2px;
    }

        input.button[disabled] {
            background-color: #cdcdcd;
            border: solid 1px #adadad;
            color: #ffffff;
            margin: 2px;
            padding: 0px 6px 0px 6px;
        }

    input.fileUploader {
        width: 250px;
    }


/*ALINHAMENTOS*/
.clear {
    clear: both;
}

.centralizar {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.conteudo {
    width: 40%;
    height: 30%;
}

.captcha {
    padding: 30px;
    border: 1px solid #E8E8E8;
    border-top: 0;
}

.buttonCaptcha {
    text-align: right;
    padding-right: 10px;
}

.flutuaEsquerda {
    float: left;
}

.flutuaDireita {
    float: right;
}

div.labelControle {
    width: 40%;
    float: left;
    text-align: right;
}

div.controle {
    width: 50%;
    float: left;
}

div.estiloCaptcha {
    width: 300px;
}

/*autenticacao*/

.ms-WPHeader {
    background-color: #F5F5F5;
    border-color: #DDD;
    border-style: solid;
    border-width: 1px 1px 1px;
    padding: 10px 15px;
    vertical-align: top;
    line-height: 1.42857143;
    color: #333333;
    font: 16px 'Lato';
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.btCertificado {
    background: url("../images/certificado.gif") no-repeat 0 0;
    width: 130px;
    height: 60px;
    border: 0;
    cursor: hand;
}

.style1 {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

H1 {
    font: 21px 'MontSerrat';
    font-weight: 700;
}

#divTopoGoverno .settingSources {
    padding: 13px 0px 14px 8px;
    float: left;
}

    #divTopoGoverno .settingSources a {
        width: 24px;
        height: 24px;
        margin: 0px 0px 0px 1px;
        float: left;
        background-color: gray;
        transition: background-color .5s ease 0s;
    }

        #divTopoGoverno .settingSources a:hover {
            background-color: #949494;
        }

        #divTopoGoverno .settingSources a.last-child {
            margin: 0 0 0 5px;
        }

/***********************************************************
* CONTRASTE
***********************************************************/
.dark {
    background-color: #000;
}

    .dark header .assistant *,
    .dark header nav * {
        color: #fff !important;
    }

    .dark header > nav ul li a {
        background-image: url("../Images/bg_320.png")
    }

    .dark header > nav ul li.active {
        background-color: #333 !important
    }

    .dark header > nav ul li:hover {
        background-color: #333 !important
    }

    .dark p,
    .dark b,
    .dark i,
    .dark table td,
    .dark table tr,
    .dark label span,
    .dark .boxData span,
    .dark .boxTag span,
    .dark span.date,
    .dark .txtAlert,
    .dark li span,
    .dark .sidebar .filter ul li label.css-label,
    .dark h1,
    .dark h2,
    .dark h3,
    .dark h4,
    .dark h5,
    .dark .labelControle {
        color: #fff !important;
        background-color: #000 !important;
    }

        .dark#canalTributario .sidebar .box,
        .dark#canalTributario .sidebar .boxCZ,
        .dark a,
        .dark dd,
        .dark h4.boxTit,
        .dark .sidebar h4.titMenu,
        .dark .boxForm,
        .dark .subMenu,
        .dark .box-prev,
        .dark .box-next,
        .dark#educacaoFiscal .slideshowVideo,
        .dark#educacaoFiscal .sidebar .box,
        .dark .slideshow,
        .dark .featuredNews,
        .dark#sobreCAT .boxMapaSite > .box,
        .dark#guiaUsuario .rowBox > .colsBox > .blockBox .box,
        .dark#guiaUsuario .rowBox > .colsBox > .blockBox,
        .dark .sidebar .filter,
        .dark#educacaoFiscal .boxSlideShow,
        .dark#educacaoFiscal .slideshowCitizens,
        .dark#educacaoFiscal .slideshowEvent,
        .dark .captchaBordaConteudo,
        .dark input[type=submit],
        .dark .panel,
        .dark li {
            color: #fff !important;
            background-color: #000 !important
        }

    .dark header > nav ul li.activeModal {
        color: #fff !important;
        background-color: #333 !important;
    }

    .dark .hr {
        color: #fff !important;
        background-color: #FFF !important;
    }

.box-container-form {
    box-shadow: 9px 6px 21px -14px rgba(0,0,0,0.65) !important;
}

    .box-container-form .title {
        margin-left: 10px;
        font-weight: bold;
    }


/* Elemento width = 100%  */
.Cempct {
    width: 100% !important;
}

.badge-warning {
    color: #fff !important;
    background-color: #FF851B !important;
}