/* Jucesp - Via Rápida */
/* Autor: Prodesp 06/2016 */

/* Geral
-------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 100.01%;
}

body {
    color: #333;
    /*font-size: 62.5%;*/
    background-color: #FFF;
}

    body.gray {
        background-color: #F2F2F2;
    }

img {
    border: none;
}

small {
    font-size: 12px;
}

/* Esconde texto de Acessibilidade */
.esconder {
    display: block;
    height: 1px;
    width: 1px;
    left: -999em;
    overflow: hidden;
    position: absolute;
}

.bottom-reset {
    margin-bottom: 0 !important;
}

.margin-reset {
    margin: 0 !important;
}

.modal-title {
    font-size: 16px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px !important;
}

.middle {
    vertical-align: middle;
}



/* Links
-------------------------------------------------- */
a {
    color: #333;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #ef6c53;
        text-decoration: none;
    }

    a.link {
        color: #ef6c53;
        text-decoration: none;
    }

/* Botao Voltar */
p.voltar {
    display: block;
    clear: both;
}

    p.voltar a:link, p.voltar a:visited, p.voltar a:active {
        background: url(../imagens/icon_voltar.gif) no-repeat left center;
        color: #333;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 18px;
    }

/* Tipografia
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}

    h1.tit {
        color: #666;
        font-size: 24px;
        border-bottom: 1px solid #666;
        letter-spacing: -0.04em;
    }

    h2.tit {
        font-size: 18px;
        letter-spacing: -0.06em;
    }

#content p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5em;
}

    #content p.botao {
        margin-bottom: 20px;
    }

.sucesso {
    color: #090;
    font-weight: bold;
}

.Pendente {
    color: #fb0505;
    font-weight: bold;
}

.Negrito {
    font-weight: bold;
}

.erro {
    color: #900;
}

.atencao {
    color: #FC0;
    font-weight: bold;
}

/* Header
-------------------------------------------------- */
#header {
    height: auto;
    display: block;
    float: none;
    clear: both;
    background-color: #FFF;
}

    #header .row {
        margin-bottom: 10px;
    }

.btn_top {
    font-size: 12px;
    margin-top: 5px;
}

    .btn_top a {
        margin-left: 10px;
    }

    .btn_top i {
        margin-right: 4px;
    }

/* logo */
#logo {
    display: block;
    float: left;
    width: 188px;
    height: 128px;
    text-indent: -999em;
    background: url(../imagens/logo.png) no-repeat;
    margin: 0;
}

/*#secretaria {
    display: block;
    float: left;
    width: 357px;
    height: 51px;
    text-indent: -999em;
    background: url(../imagens/secretaria.png) no-repeat;
    margin: 54px 0 0 30px;
    font-family:Verdana;
    font-size:24px;
}*/

/* Barra Laranja com Botão Dropdown
-------------------------------------------------- */
#barra_button_login {
    border-bottom: 3px solid #ffc155;
    background-color: #FFF;
}

/* botao de login */
.btn_login {
    background-color: #ffc155;
    border-radius: 4px 4px 0 0;
    text-align: center;
    height: 30px;
}

p.btn_login {
    line-height: 33px;
    font-size: 12px;
    margin-bottom: 0;
}

/* Barra Laranja com Login
-------------------------------------------------- */
/* barra laranja */
#barra_login {
    width: 100%;
    background-color: #ffc155;
    font-size: 12px;
    padding: 10px 0;
}

    #barra_login .row {
        margin-bottom: 0;
    }

    #barra_login .form-inline {
        margin: 10px 0 5px;
        float: right;
    }

    #barra_login select.tipo {
        width: 85px;
    }

a:link.button_login, a:hover.button_login, a:active.button_login, a:visited.button_login {
    text-decoration: none;
    color: #000;
}

.acesse {
    background: url(../imagens/icon_chevron_right.png) 400px center no-repeat;
    display: block;
    width: 500px;
    cursor: pointer;
}

    .acesse h1 {
        width: 390px;
        height: 46px;
        text-indent: -999em;
        background: url(../imagens/tit_acesse.png) no-repeat;
        margin: 10px 0 5px;
    }

    .acesse p {
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }

.barra-links-login {
    margin-top: 7px;
}

.certificado {
    width: 190px;
}

.link-novo-cadastro {
    width: 216px;
    float: left;
    text-align: center;
}

/* Logado */

#barra_login .botoes button {
    width: 140px;
}

#barra_login .botoes p {
    margin-bottom: 5px;
}

#barra_login .botoes button.last {
    margin-bottom: 0;
}

#barra_login .saudacao {
    text-align: right;
}

    #barra_login .saudacao p {
        line-height: 1.5em;
        font-size: 14px;
    }

        #barra_login .saudacao p.clique {
            font-size: 12px;
            margin-top: 10px;
        }

/* Barra com Círculos - Navegacao Principal da Home
-------------------------------------------------- */
#nav_main_home {
    width: 100%;
    background: #CCC url(../imagens/bg_nav_main_home.gif);
    border-top: 1px solid #A9A9A9;
    border-bottom: 1px solid #A9A9A9;
    margin-bottom: 20px;
}

    #nav_main_home ul {
        list-style-type: none;
        margin-top: 15px;
    }

    #nav_main_home li a {
        height: 156px;
        display: block;
        margin: 0 auto;
        text-align: center;
        text-indent: -999em;
    }

        #nav_main_home li a.empresas {
            width: 167px;
            background: url(../imagens/nav_main_home_empresas.png) no-repeat;
        }

        #nav_main_home li a.consultas {
            width: 167px;
            background: url(../imagens/nav_main_home_consultas.png) no-repeat;
        }

        #nav_main_home li a.noticias {
            width: 167px;
            background: url(../imagens/nav_main_home_noticias.png) no-repeat;
        }

/* Navegacao Principal - Telas Internas
-------------------------------------------------- */
#nav_main {
    width: 100%;
    background: #fcb435 url(../imagens/bg_nav_main.gif) center;
    margin-bottom: 20px;
}

    #nav_main .row {
        margin-bottom: 0;
    }

    #nav_main li {
        list-style-type: none;
        display: inline;
    }

        #nav_main li a {
            display: block;
            float: left;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px;
            color: white;
        }

            #nav_main li a.item1 {
                background: #f7951f;
            }

            #nav_main li a.item2 {
                background: #fcb435;
            }

            #nav_main li a.item3 {
                background: #EE9A00;
            }

            #nav_main li a.item4 {
                background: #ffcc33;
            }

            #nav_main li a.w1 {
                width: 100%;
            }

            #nav_main li a.w2 {
                width: 50%;
            }

            #nav_main li a.w3 {
                width: 33%;
            }

            #nav_main li a.w4 {
                width: 25%;
            }



            #nav_main li a.item1:hover {
                background-color: #ffab46;
            }

            #nav_main li a.item2:hover {
                background-color: #ffc55e;
            }

            #nav_main li a.item3:hover {
                background-color: #FFA500;
            }

            #nav_main li a.item4:hover {
                background-color: #ffdb6e;
            }

/* form
-------------------------------------------------- */
.form-right-20 {
    margin-right: 20px;
}

.sel-mult {
    height: 130px !important;
}


/* Rodapé
-------------------------------------------------- */
#footer {
    width: 100%;
    background: #3F3F3F;
    margin-top: 10px;
    padding: 20px 0;
}

    #footer .logo {
        display: block;
        width: 90px;
        height: 83px;
        text-indent: -999em;
        background: url(../imagens/logo_rodape.png) no-repeat;
    }

    #footer .social {
        float: right;
    }

        #footer .social li {
            display: inline;
        }

            #footer .social li a {
                display: block;
                margin-left: 10px;
                float: left;
                width: 35px;
                height: 34px;
                text-indent: -999em;
                background-image: url(../imagens/icon_social_sprite.png);
                background-repeat: no-repeat;
            }

    /* icones cinza */
    #footer a.disque {
        background-position: 0 0;
    }

    #footer a.youtube {
        background-position: -45px 0;
    }

    #footer a.twitter {
        background-position: -90px 0;
    }

    #footer a.facebook {
        background-position: -135px 0;
    }

    /* icones com cor */
    #footer a.disque:hover {
        background-position: 0 -44px;
    }

    #footer a.youtube:hover {
        background-position: -45px -44px;
    }

    #footer a.twitter:hover {
        background-position: -90px -44px;
    }

    #footer a.facebook:hover {
        background-position: -135px -44px;
    }


    /* Botao Voltar */
    #footer p.voltar a:link, #footer p.voltar a:visited, #footer p.voltar a:active {
        background: none;
        color: #FFF;
        font-weight: normal;
        text-decoration: underline;
        padding-left: 0;
        float: right;
        font-size: 12px;
    }

    #footer p.voltar a:hover {
        text-decoration: none;
    }

/* Conteudo
-------------------------------------------------- */
#content {
    margin-bottom: 40px;
    min-height: 400px;
    height: 400px;
    height: auto !important;
}


/* Boxes
-------------------------------------------------- */
.box50 {
    border: 1px solid #CCC;
    border-radius: 4px;
    background-color: #FFF;
    width: 46%;
    float: left;
    margin-left: 10px;
    padding: 10px;
}



.box {
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 20px 15px;
    overflow: hidden;
    background-color: #FFF;
    position: relative;
}

    .box h2 {
        text-indent: -999em;
        height: 24px;
        margin-bottom: 10px;
    }

/* Serviços Disponiveis
-------------------------------------------------- */

.disponiveis h2 {
    background: url(../imagens/tit_servicos.png) no-repeat;
}

.disponiveis td {
    height: 40px;
}

.disponiveis .nro {
    font-size: 30px;
    font-weight: bold;
    color: #999;
    height: 34px;
    display: block;
    float: left;
    margin-right: 10px;
}

.disponiveis .link_mais {
    font-size: 14px;
    font-weight: bold;
    width: 240px;
    margin-left: 25px;
    margin-top: 8px;
    display: block;
}


/* Certificado digital
-------------------------------------------------- */

.certificado h2 {
    background: url(../imagens/tit_certificado.png) no-repeat;
}


/* Noticias Home - não está usando
-------------------------------------------------- */
.noticias h2 {
    background: url(../imagens/tit_noticias.png) no-repeat;
}

.noticias li {
    list-style-type: none;
    margin-bottom: 20px;
}

.noticias span.categ {
    font-size: 12px;
    font-weight: bold;
    color: #285ba7;
    display: block;
    margin-bottom: 2px;
}

.noticias li a.texto {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    color: #666;
}

/* Acompanhamento
-------------------------------------------------- */
.acompanhamento h2 {
    background: url(../imagens/tit_acompanhamento.png) no-repeat;
}

.acompanhamento li {
    list-style-type: none;
    margin-bottom: 20px;
}

.acompanhamento span.categ {
    font-size: 12px;
    font-weight: bold;
    color: #F90;
    display: block;
    margin-bottom: 2px;
}

.acompanhamento li a.texto {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    color: #666;
}

/* Comunicados
-------------------------------------------------- */
.comunicados h2 {
    background: url(../imagens/tit_comunicados.png) no-repeat;
}

.comunicados li {
    list-style-type: none;
    margin-bottom: 20px;
}

.comunicados span.categ {
    font-size: 12px;
    font-weight: bold;
    color: #F90;
    display: block;
    margin-bottom: 2px;
}

.comunicados li a.texto {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    color: #666;
}

/* Botão Ver mais
-------------------------------------------------- */
/* ver mais */
.box p.mais, .box-grupo p.mais, .box-servicos p.mais {
    position: absolute;
    bottom: 10px;
}

p.mais {
    display: block;
    clear: both;
    float: none;
    font-size: 12px;
}

    p.mais a {
        font-size: 12px;
        font-weight: bold;
        padding-left: 14px;
        background: url(../imagens/icon_mais.gif) left center no-repeat;
    }

.position-reset {
    position: relative !important;
}

#content p.linha {
    border-top: 1px dotted #CCC;
    margin-top: 20px;
    padding-top: 10px;
}

/* breadcrumbs (migalhas)
-------------------------------------------------- */
ul#breadcrumbs {
    color: #666;
    margin-bottom: 15px;
    font-size: 12px;
}

    ul#breadcrumbs li {
        padding: 0;
        display: inline;
        background: none;
        font-weight: bold;
        line-height: 18px;
    }

        ul#breadcrumbs li a {
            display: block;
            padding-right: 12px;
            margin-right: 5px;
            background: url(../imagens/bullet-right_dupla.gif) no-repeat right center;
            float: left;
            color: #666;
            font-weight: normal;
            text-decoration: underline;
        }

/***********************
Etapas
***********************/
#etapa {
    height: 36px;
    clear: both;
    width: 800px;
    margin-left: 70px;
}

ul#etapa li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../imagens/traco_etapas.gif) no-repeat 0 0;
    display: block;
    padding: 0 25px 0 46px;
    width: auto !important;
}

    ul#etapa li a {
        color: #036;
        text-decoration: none;
    }

ul#etapa span.descricao {
    font-size: 11px;
}

ul#etapa li.inativo {
    color: #999;
    text-decoration: none;
}


ul#etapa li.first {
    background: none;
}


.TituloBox1 {
    font-family: Verdana;
    font-size: x-large;
    font-style: italic;
    font-weight:bold;
}

.TituloBox2 {
    font-family: Verdana;
    font-size: large;
}

.TituloBox2a {
    font-family: Verdana;
    font-size: large;
      font-weight:bold;
}

.TituloBox3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: medium;
}


.box-servicos {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    border-radius: 5px;
    min-height: 15px;
    background: #F9F9F9 url(../imagens/bg_listras.png) repeat-x;
}

.refresh {
    background: url(../imagens/reload.png) no-repeat;
}