@font-face {
    font-family: 'Yanone';
    src: url('../fontes/yanonekaffeesatz-regular.eot');
    src: url('../fontes/yanonekaffeesatz-regular.eot?#iefix') format('embedded-opentype'), url('../fontes/yanonekaffeesatz-regular.woff') format('woff'), url('../fontes/yanonekaffeesatz-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'YanoneLight';
    src: url('../fontes/yanonekaffeesatz-light.eot');
    src: url('../fontes/yanonekaffeesatz-light.eot?#iefix') format('embedded-opentype'), url('../fontes/yanonekaffeesatz-light.woff') format('woff'), url('../fontes/yanonekaffeesatz-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html * {
    margin: 0;
    padding: 0;
}

/*Elementos necessários para que a barra de acessibilidade redimensione os elementos corretamente*/
body,
input,
textarea,
button {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: #545454;
}

object {
    display: block;
}

input[type=text], input[type=password],
textarea {
    border: 1px solid #B8D2E7;
    line-height: 20px;
    padding: 4px 4px 5px;
}

input[type=radio],
input[type=checkbox] {
    margin-right: 5px;
    vertical-align: text-bottom;
    margin-bottom: 1px;
}

body {
    background-image: url(../imagem/fundoTopo.png);
    background-repeat: repeat-x;
    background-position: left top;
}

a {
    color: #004C78;
}

    a img {
        border-width: 0;
    }

.conteiner {
    width: 1010px;  /* old value 961px**/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

h1 {
    float: left;
    margin-top: 20px;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
    color: #004C78;
    clear: both;
}

h1,
h2,
h3 {
    font-family: Yanone, Arial, Helvetica, sans-serif;
}

h2,
h3,
h4 {
    margin-top: 25px;
}

h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 28px;
}

h3 {
    font-size: 20px;
    margin-bottom: 18px;
}

h4 {
    margin-bottom: 12px;
}

p {
    line-height: 20px;
    margin-bottom: 12px;
}

.menu,
.menu ul {
    list-style-type: none;
}

.barraSuperior {
    display: block;
    /*background-color: #FAFAFA;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);*/
    clear: right;
    float: right;
    padding-top: 20px;
    padding-bottom: 5px;
}

.menu.ajuda {
    display: inline;
    margin-right: 3px;
    list-style-type: none;
    line-height: 25px;
}

    .menu.ajuda li {
        border-left: 1px solid #D0D0D0;
        display: inline;
        margin-right: 7px;
        padding-left: 7px;
    }

        .menu.ajuda li:first-child {
            border-left-width: 0;
        }

    .menu.ajuda a {
        color: #00699B; /*colocar as barras verticais*/
    }

.barraDeAcessibilidade {
    list-style-type: none;
    display: inline;
    margin-right: 7px;
    height: 23px;
    line-height: 23px;
}

    .barraDeAcessibilidade li {
        display: inline;
        height: 23px;
        line-height: 23px;
    }

    .barraDeAcessibilidade input,
    .barraDeAcessibilidade button,
    .barraDeAcessibilidade a {
        width: 23px;
        height: 23px;
        line-height: 23px;
        background-color: #FFFFFF;
        border-width: 0;
        border-radius: 3px;
        background-repeat: no-repeat;
        background-image: url(../imagem/icones.png);
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        margin-left: 2px;
    }

.botaoResetarFonte {
    background-position: center -121px;
}

.botaoAumentarFonte {
    background-position: center -144px;
}

.botaoDiminuirFonte {
    background-position: center -167px;
}

.botaoContraste {
    background-position: center -191px;
}

.barraDeAcessibilidade a {
    background-position: center -213px;
}

.divBarraAcessibilidade {
    float: right;
}

.busca input {
    float: left;
    width: 323px;
    min-height: 40px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 10px;
    position: relative;
}

#txtPesquisaTopo {
    z-index: 10; /*necessário para uso da lista autosuggest*/
}

.busca .placeholder {
    color: #6d6d6d;
}

.busca a,
.acaoPrimaria {
    text-decoration: none;
    border: 1px solid #0080C1;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-shadow: 1px 1px rgba(0, 123, 183, 0.75);
    background-image: url(../imagem/fundoBotaoBusca.png);
    background-repeat: repeat-x;
    background-color: #0180C1;
    background-position: left top;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 28px;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block;
    /*
	IE7 hack
	Faz com que IE7 ative hasLayout e o inline block funcione
	como estamos usando temas não é possível separar num arquivo que só vá ser lido pelo IE7
	*/
    zoom: 1;
    *display: inline;
}

.acaoSecundaria {
    background-color: #838383;
    border: solid 1px #636363;
    background-image: none;
    text-shadow: none;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 28px;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block;
}

.divBuscaDecisao {
    min-height: 30px;
    display: block;
}

.busca a {
    display: block;
    float: left;
    min-height: 40px;
    max-width: 40px;
    line-height: 40px;
}

.divBuscaDecisao a {
    display: block;
    float: right;
}

header .busca,
.IE_cabecalho .busca {
    float: right;
    clear: right;
    margin-top: 22px;
    width: 428px; /*IE7 somente*/
}

.acoesSecundarias {
    color: #555555;
}

.ui-autocomplete {
    background-color: #FFFFFF;
    list-style-type: none;
    width: 323px;
}

    .ui-autocomplete li {
        padding-left: 15px;
        padding-right: 15px;
        line-height: 22px;
    }

        .ui-autocomplete li:hover {
            background-color: #EEEEEE;
        }

    .ui-autocomplete a {
        cursor: default;
    }

.conteiner > nav {
    clear: both;
    line-height: 0px;
}

.IE_menuPrincipal {
    margin-top: 15px;
}

.menu.principal {
    clear: both;
    font-family: Yanone, Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 56px;
    margin-bottom: 24px;
    margin-top: 16px;
    padding: 1px;
    padding-right: 0;
    background-color: #779bb6;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../imagem/contornoMenuPrincipal.png);
    border-radius: 3px;
    width: 1010px;  /** valor anterior 960px**/
}

    .menu.principal ul {
        display: table;
    }

    .menu.principal,
    .menu.principal ul {
        width: 1010px !important;
        float: none;
        position: static;
        z-index: 5;
    }

.IE_menuPrincipal .menu,
.IE_menuPrincipal .menu ul {
    width: auto !important;
}

.menu.principal li {
    min-height: 56px;
    padding-right: 1px;
    display: table-cell; /*ie7 precisa de correções*/
    float: none !important;
    text-align: center;
}

.IE_menuPrincipal .menu li {
    float: left !important;
}

.menu.principal li:first-child a {
    border-left-width: 0px;
}

.menu.principal a {
    color: #00699B;
    text-transform: uppercase;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-left: 1px solid #FFFFFF;
    background-color: #FCFEFD;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-image: url(../imagem/fundoMenuPrincipal.png);
    white-space: normal !important;
}

.menu.principal li.has-popup a.popout {
    color: #00699B;
    background-position: left bottom;
    background-repeat: no-repeat, repeat-x !important;
    background-image: url(../imagem/setaMenuSuperior.png), url(../imagem/fundoMenuPrincipal.png) !important;
}

.IE_menuPrincipal .menu a {
    padding-left: 11px !important;
    padding-right: 10px !important;
}

.menu.principal a:hover,
.menu.principal .atual,
.menu.principal .popout:hover,
.menu.principal .popout.highlighted,
.menu.principal li.has-popup a.popout.highlighted {
    color: #FFFFFF;
    border-left-color: #004C78;
    background-image: url(../imagem/fundoMenuPrincipalSelecionado.png) !important;
}

.menu.principal .popout.highlighted,
.menu.principal li.has-popup a.popout.highlighted {
    background-image: url(../imagem/setaMenuSuperiorSelecionado.png), url(../imagem/fundoMenuPrincipalSelecionado.png) !important;
}


.IE_menuPrincipal > a:first-child {
    float: left;
}

.noticiaPA {
    margin: 10px auto 70px auto;
}

.noticiaAnterior {
    position: relative;
    float: left;
    text-align: left;
    width: 50%;
}

.proximaNoticia {
    position: relative;
    float: right;
    text-align: right;
    width: 50%;
}

.noticiaPA .noticiaAnterior .btAnterior {
    background-position: 0 -78px;
    position: absolute;
    left: 0px;
    width: 32px;
    height: 32px;
    display: block;
    border-width: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../imagem/iconesNoticias.png);
    z-index: 10;
    cursor: pointer;
}

.noticiaPA .proximaNoticia .btProximo {
    background-position: 0 -111px;
    position: absolute;
    right: 0px;
    width: 32px;
    height: 32px;
    display: block;
    border-width: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../imagem/iconesNoticias.png);
    z-index: 10;
    cursor: pointer;
}

.coluna {
    vertical-align: top;
    clear: both;
    display: inline-block;
    /*
	IE7 hack
	Faz com que IE7 ative hasLayout e o inline block funcione
	como estamos usando temas não é possível separar num arquivo que só vá ser lido pelo IE7
	*/
    zoom: 1;
    *display: inline;
}

    .coluna.esquerda {
        width: 300px;   /* 230px*/
        margin-right: 20px;
        
    }

    .coluna.direita {
        width: 680px;
    }

        .coluna.direita .colunaDireitalinha {
            width: 100%;
            float: left;
            margin-bottom: 10px;
        }

    .coluna.inteira {
        width: 960px; /* 960px*/
    }


.favoritos {
    position: relative;
    margin-bottom: 30px;
    z-index: 1; /*ie7 precisa pra funcionar direito*/
}

    .favoritos .IE_favoritos {
        background-color: #F9F9F9;
        background-repeat: repeat-x;
        background-position: left bottom;
        background-image: url(../imagem/fundoFavoritos.png);
    }

        .favoritos .IE_favoritos h2 {
            background-repeat: no-repeat;
            background-position: 12px 7px;
            background-image: url(../imagem/icones.png);
            background-color: transparent;
        }

    .favoritos h2 {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
        min-height: 28px;
        line-height: 28px;
        background-color: #F9F9F9;
        border-radius: 3px;
        border: 1px solid #DCDCDC;
        padding-left: 34px;
        margin-top: 0;
        margin-bottom: 0;
        background-repeat: no-repeat, repeat-x;
        background-position: 12px 7px, left bottom;
        background-image: url(../imagem/icones.png), url(../imagem/fundoFavoritos.png);
        cursor: pointer;
    }

.dropdown {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    z-index: 1;
}

.favoritos h2,
.favoritos ul a {
    color: #004C78;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
}

    .favoritos h2:after {
        content: "˅";
        margin-right: 14px;
        float: right;
    }

    .favoritos h2.ativo:after {
        content: "˄";
    }

.favoritos button,
.pServicos h3 button {
    display: inline;
    border-width: 0;
    background-color: transparent;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: top;
    margin-left: 13px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../imagem/icones.png);
    cursor: pointer;
}

    .favoritos .icone:hover,
    .pServicos h3 button:hover {
        background-position: left -42px;
    }

.favoritos ul {
    list-style-type: none;
    line-height: 16px;
    margin-top: 14px;
    margin-bottom: 14px;
}

    .favoritos ul a {
        text-decoration: none;
        vertical-align: top;
        display: inline-block;
        max-width: 193px;
    }

        .favoritos ul a:hover {
            text-decoration: underline;
        }

.favoritos li {
    margin-top: 10px;
}

.dropdown > a {
    display: block;
    margin-top: 21px;
    margin-bottom: 17px;
    margin-left: 13px;
    margin-right: 13px;
    color: #555555;
}

.esconder ul,
.esconder div {
    display: none;
}

.esconder .IE_favoritos {
    display: block;
}

.modulo {
    border: 1px solid #DCDCDC;
}

.diarioOficial {
    margin-bottom: 25px;
    /* background-position: left top;
    background-image: linear-gradient(to top, #ffffff, #f3f3f3 70%);*/
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border: 1px solid #CECECE;
    background-image: url(../imagem/fundoRedesSociais.png);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #FFF;
}

    .diarioOficial h2 {
        margin: 0px 20px;
        font-weight: normal;
        display: block;
        padding-left: 18px;
        padding-right: 18px;
        text-align: center !important;
        background: none;
        color: #0080C1;
        font-size: 18px;
    }

    .diarioOficial .acaoPrimaria {
        margin-right: 20px;
        float: right;
    }

    .diarioOficial a.mais {
        font-weight: bold;
        color: #0080C1;
        text-decoration: none;
    }

    .diarioOficial select, .select {
        border: 1px solid #B8D2E7;
        line-height: 20px;
        padding: 4px 4px 5px;
        margin: 20px;
        width: 190px;
        color: #6d6d6d;
    }


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


.controleSocial,
.enquete {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 28px;
}

    .controleSocial h2,
    .enquete h2,
    .redes h2 {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #004C78;
        /* text-shadow: 1px 1px rgba(255, 255, 255, 0.75);*/
        margin-top: 0;
        margin-bottom: 0;
    }

    .controleSocial h2,
    .enquete h2 {
        font-weight: normal;
        background-image: url(../imagem/fundoModuloTitulo.png);
        background-position: left top;
        background-repeat: repeat-x;
        background-color: #F9F9F9;
        display: block;
        height: 42px;
        line-height: 42px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom: 1px solid #CECECE;
        padding-left: 18px;
        padding-right: 18px;
    }



.IE_enquete {
    background-image: url(../imagem/fundoModuloTitulo.png);
    background-position: left top;
    background-repeat: repeat-x;
}

.enquete.IE_enquete h2 {
    padding-left: 35px;
    background-image: url(../imagem/icones.png);
    background-position: 12px -74px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.enquete h2 {
    padding-left: 35px;
    background-image: url(../imagem/icones.png), url(../imagem/fundoModuloTitulo.png);
    background-position: 12px -74px, left top;
    background-repeat: no-repeat, repeat-x;
}

.enquete .pergunta {
    color: #555555;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 0;
    line-height: 20px;
}

.enquete ul {
    list-style-type: none;
}

.enquete li {
    color: #004C78;
    background-color: #B0D9EF;
    border-top: 1px solid #C9E5F5;
    border-bottom: 1px solid #8CC8E8;
}

.enquete label {
    display: block;
    padding-left: 38px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.enquete .respostas li {
    display: block;
    padding-left: 19px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 5px;
}

.enquete input[type=radio] {
    margin-left: 17px;
    margin-right: 7px;
    margin-top: 9px;
    float: left;
}

.enquete .respostas span {
    display: block;
    height: 6px;
    background-color: #FFFFFF;
    border-radius: 3px;
    margin-top: 3px;
}

.enquete p {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-bottom: 0;
}

.enquete .acaoPrimaria {
    margin-right: 45px;
}

.enquete .acoesSecundarias {
    color: #555555;
}

.listaConteudo ul li {
    line-height: 22px;
    margin-left: 15px;
}

.listaConteudo ol li {
    line-height: 22px;
    margin-left: 25px;
}

footer,
.IE_rodape {
    clear: both;
    background-color: #EEEEEE;
    color: #004C78;
    padding-bottom: 25px;
}

    footer .titulo,
    .IE_rodape .titulo {
    }

    footer .menuRodape,
    .IE_rodape .menuRodape {
        background-image: url(../imagem/fundoRodape.png);
        background-repeat: repeat;
        background-position: left top;
        color: #004C78;
        line-height: 50px;
        height: 300px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    footer .endereco,
    .IE_rodape .endereco,
    footer .busca,
    .IE_rodape .busca,
    footer .mobile,
    .IE_rodape .mobile,
    footer .egp,
    .IE_rodape .egp,
    footer a[rel=author],
    .IE_rodape a[rel=author] {
        vertical-align: top;
        display: inline-block;
        /*
	IE7 hack
	Faz com que IE7 ative hasLayout e o inline block funcione
	como estamos usando temas não é possível separar num arquivo que só vá ser lido pelo IE7
	*/
        zoom: 1;
        *display: inline;
    }


    footer .endereco,
    .IE_rodape .endereco {
        margin-bottom: 20px;
        width: 48%;
        float: left;
        padding: 10px 5px 10px 2px
    }

        footer .endereco h2.enderecoFuncionamento,
        .IE_rodape .endereco h2.enderecoFuncionamento {
            text-transform: uppercase;
            margin: 0px 0px 7px 0px;
            font-size: 17px;
        }

        footer .endereco h2.localizacaoTCE,
        .IE_rodape .endereco h2.localizacaoTCE {
            font-size: 17px;
            margin: 18px 0px 7px 0px;
            text-transform: uppercase;
        }

.bodyEGP footer {
    clear: both;
    background-color: #92BBD0;
    color: #003A5E;
    background-image: url(../imagem/fundoRodape.png);
    background-repeat: repeat;
    background-position: left top;
    margin-top: 40px;
}
.IE_rodapeEGP .conteinerEGP,
footer .conteinerEGP {
    width: 961px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.IE_rodapeEGP .conteinerEGP .enderecoEGP,
.IE_rodapeEGP .conteinerEGP .buscaEGP,
.IE_rodapeEGP .conteinerEGP .mobileEGP, 
.IE_rodapeEGP .conteinerEGP .egpLogo,
footer .conteinerEGP .enderecoEGP,
footer .conteinerEGP .buscaEGP,
footer .conteinerEGP .mobileEGP, 
footer .conteinerEGP .egpLogo  {
    margin-bottom: 20px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
}

.IE_rodapeEGP .titulo,
footer .tituloEGP {
    background-color: #004C78;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
}

.IE_rodapeEGP .titulo a,
footer .tituloEGP a{
        text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    color: #004C78;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
    background-image: url(../imagem/fundoBotaoIrParaTopo.png);
    background-repeat: repeat-x;
    background-color: #D8D8D8;
    background-position: left top;
    display: block;
    float: right;
    min-height: 28px;
    line-height: 28px;
    padding-left: 12px;
    padding-right: 12px;

}
.IE_rodapeEGP .conteinerEGP .enderecoEGP,
footer .conteinerEGP .enderecoEGP {
    width: 297px;
}
.IE_rodapeEGP .conteinerEGP .buscaEGP,
footer .conteinerEGP .buscaEGP {
    margin-left: 65px;
       width: 384px;
       margin-top: 20px;
}
.IE_rodapeEGP .conteinerEGP .buscaEGP input,
footer .conteinerEGP .buscaEGP input{
    width: 192px; 
     float: left;
    width: 260px;
    min-height: 40px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 10px;
    position: relative;
}

.IE_rodapeEGP .conteinerEGP .buscaEGP .acaoPrimaria,
footer .conteinerEGP .buscaEGP .acaoPrimaria{

   min-height: 40px;
    max-width: 40px;
    line-height: 40px;
   }
.IE_rodapeEGP .conteinerEGP .mobileEGP,
footer .conteinerEGP .mobileEGP {
    text-align: center;
       width: 81px;
}

.IE_rodapeEGP .conteinerEGP .egpLogo,
footer .conteinerEGP .egpLogo {
       width: 80px;
         margin-left: 65px;
       margin-top: 20px;
}

.titulo a {
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    color: #004C78;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
    background-image: url(../imagem/fundoBotaoIrParaTopo.png);
    background-repeat: repeat-x;
    background-color: #D8D8D8;
    background-position: left top;
    display: block;
    float: right;
    min-height: 28px;
    line-height: 28px;
    padding-left: 12px;
    padding-right: 12px;
}

.logo {
    margin-top: 21px;
}

.adr {
    margin-top: 12px;
}

.tel {
    margin-right: 5px;
}

footer .busca input,
.IE_rodape .busca input {
    width: 192px; /*222 - 30 dos paddings*/
}

footer .busca,
.IE_rodape .busca {
    margin-top: 20px;
    margin-left: 97px;
}

footer .mobile,
.IE_rodape .mobile {
    text-align: center;
    margin-left: 65px;
    margin-top: 20px;
}

footer .egp,
.IE_rodape .egp {
    text-align: left;
    margin-left: 0px;
    margin-top: 27px;
    padding: 10px;
}

footer .mobile a,
.IE_rodape .mobile a {
    color: #003A5E;
}

footer a[rel=author]
.IE_rodape a[rel=author] {
    margin-top: 32px;
    margin-left: 53px;
}


@media print {

    .menu,
    .barraSuperior,
    .busca,
    footer,
    .coluna.esquerda {
        display: none;
    }
}