/* 
    Document   : style
    Created on : 25/02/2015, 15:19:25
    Author     : programacao01
    Description:
        Purpose of the stylesheet follows.
*/

body {
    background: #fff;
    /*
    background: rgb(230,240,233); 
    background: -moz-linear-gradient(top, rgba(230,240,233,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,233,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,1))); 
    background: -webkit-linear-gradient(top, rgba(230,240,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 99%); 
    background: -o-linear-gradient(top, rgba(230,240,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 99%); 
    background: -ms-linear-gradient(top, rgba(230,240,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 99%); 
    background: linear-gradient(to bottom, rgba(230,240,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 99%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0e9', endColorstr='#ffffff',GradientType=0 ); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0e9', endColorstr='#ffffff',GradientType=0 );
	*/
    /*outubro rosa
background: #fcecfc; 
background: -moz-linear-gradient(top,  #fcecfc 0%, #f9cceb 0%, #ffffff 21%, #ffffff 100%); 
background: -webkit-linear-gradient(top,  #fcecfc 0%,#f9cceb 0%,#ffffff 21%,#ffffff 100%); 
background: linear-gradient(to bottom,  #fcecfc 0%,#f9cceb 0%,#ffffff 21%,#ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ffffff',GradientType=0 ); 
*/
    font-family: "Trebuchet MS";
}

a,
a:visited {
    color: #575669;
}


/***************HELPERS***************/

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    width: 1040px;
    margin: 0 auto;
    position: relative;
}


/***************TOPO***************/

header {
    /*padding-top: 30px;*/
}

header .center>.right {
    position: relative;
}

.logoMobile {
    display: none;
}

.ulRedes ul {
    margin: 0;
    padding: 0;
}

.ulRedes li {
    display: inline;
    margin-left: 15px;
}

.buscar label {
    color: #737188;
    font-weight: bold;
    font-size: 11px;
}

.campo_busca {
    background: #D7E0DB;
    border: none;
    height: 19px;
    width: 119px;
}

#bt_busca {
    background: url('../img/ico-buscar.png') no-repeat;
    width: 26px;
    height: 20px;
    border: none;
    vertical-align: bottom;
    margin-left: 10px;
}

.suaContaContent {
    position: relative;
}

.suaContaContent,
.fenajufe {
    margin: 30px 0 0 0
}

#btnLoginSocio {
    background: #A2A2A3;
    padding: 10px 7px 10px 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin-left: 30px;
    display: block;
}

#btnLoginSocio:after {
    content: url('../img/seta-login-socio.png');
    margin-left: 3px;
}

.suaConta {
    position: absolute;
    display: none;
    right: 0;
    top: 33px;
    z-index: 1;
    width: 207px;
}

.suaConta>div {
    position: relative;
    font-size: 11px;
    background: #A2A2A3;
    padding: 15px 10px 15px 5px;
}

.suaConta a {
    color: #fff;
    text-decoration: underline;
}

.filiese {
    font-weight: bold;
}

.filiese:before {
    content: url('../img/seta-branca.png');
    margin-right: 3px;
}

.suaConta label,
.suaConta .botoes {
    color: #fff;
}

.suaConta .botoes {
    background: #919192;
    font-weight: bold;
    font-size: 12px;
}

.suaConta .campos {
    width: 96%;
    background: #919192;
}


/**************MENU**************/

.mobileMenu {
    display: none;
}

.desktopMenu {
    margin-top: 35px;
}


/**************CONTEUDO*************/

.pag_grupo {
    display: none;
}

.box {
    padding: 10px;
    margin: 5px 10px 5px 0px;
    font-size: 16px;
    background: #eee;
    border: 2px solid #ccc;
    width: 200px;
    float: left;
    text-align: center;
    color: #DA251D;
}

.box a {
    color: #DA251D;
}

.listaano li {
    padding: 5px;
    border-right: 1px solid #ccc;
    list-style: none;
    float: left;
}

.listaano li a {
    color: #D73600;
}

.listaano .active {
    font-weight: bold;
}

.listaano li span {
    font-size: 10px;
    font-style: oblique;
}

main {
    padding-bottom: 40px;
}

.conteudo {
    width: 803px;
    padding-right: 30px;
    /*margin-top: 40px;*/
}

.pag_titulo h2,
h2.titulo,
.pag_titulo_grupo h2 {
    font-weight: lighter;
    color: #DA251D;
    font-size: 25px;
}

.pag_conteudo {
    color: #403F4E;
    font-size: 16px;
}

#btn-paginador button[type=button] {
    background: #A2A2A3;
    color: #fff;
    border: none;
    margin: 1px;
    padding: 4px 6px;
}

#btn-paginador button:first-of-type,
#btn-paginador button:last-of-type {
    height: 24px;
    width: 24px;
    border: none;
    vertical-align: bottom;
    padding: 0;
}

#btn-paginador button:first-of-type {
    background: url('../img/paginador-prev.png') no-repeat center center;
}

#btn-paginador button:last-of-type {
    background: url('../img/paginador-next.png') no-repeat center center;
}


/************HOME****************/

.home {
    position: relative;
}

.noticias {
    width: 802px;
}

.destaque {
    margin-bottom: 40px;
}

.destaque .img {
    width: 378px;
    height: 188px;
}

.destaque .text.left {
    width: 371px;
    padding-left: 30px;
}

.destaque h1 {
    margin-top: 0;
    font-weight: lighter;
    font-size: 25px;
}

.destaque h1 a {
    color: #DA251D;
}

.destaque p {
    font-size: 15px;
    margin-bottom: 0;
}

.destaque .video object,
.destaque .video embed,
.destaque .video iframe {
    width: 278px;
    height: 185px;
    margin-right: 5px;
}

.outrosDestaques {
    width: 30%;
    margin: 0 5%;
    font-size: 11px;
}

.outrosDestaques:first-of-type,
.outrosDestaques:last-of-type {
    margin: 0;
}

.outrosDestaques .img {
    width: 100%;
    height: 120px;
}

.outrosDestaques h3 {
    font-size: 13px;
}

.outrosDestaques h3 a,
.gruposPaginasHome h3 a {
    color: #74738A
}

.boxes {
    position: absolute;
    top: 0;
}

.gruposPaginasHome {
    margin-top: 50px;
}

.gruposPaginasHome .gpCell {
    width: 23%;
    font-size: 11px;
    padding: 0 5%;
    background: url('../img/separadorG.jpg') repeat-y 0 40px;
    display: table-cell;
}

.gruposPaginasHome .gpCell:first-of-type {
    background: none;
    padding-left: 0;
}

.gruposPaginasHome h2 {
    color: #8E84B7;
    font-size: 17px;
    font-weight: lighter;
    margin-top: -25px;
}

.gruposPaginasHome p {
    margin-bottom: 0;
}

.gruposPaginasHome .gpCell h2:after {
    content: url('../img/ico-saude.png');
    margin-left: 15px;
}

.gruposPaginasHome .gpCell:first-of-type h2:after {
    content: url('../img/ico-juridico.png');
    margin-left: 15px;
}

.gruposPaginasHome .gpCell:last-of-type h2:after {
    content: url('../img/ico-servidores.png');
    margin-left: 15px;
}

.gruposPaginasHome h3 {
    font-size: 13px;
}

.boxMenuLateral {
    width: 78px;
    padding: 10px;
    background: #B7B7B8;
    border-left: 4px solid #E4E2EF;
    font-size: 11px;
    margin-bottom: 1px;
}

.boxMenuLateral.escuro {
    background: #A2A2A3;
}

.boxMenuLateral a {
    color: #fff;
}

.boxMenuLateral p {
    line-height: 165%;
    margin: 0;
}


/************LATERAL****************/

.lateral {
    width: 207px;
    margin-top: -13px;
}

.lateral h4 {
    color: #66657A;
    font-size: 11px;
    margin: 0 0 10px 5px;
}

.bgWidgetLateral {
    background: #ffffff url('../img/detalhe-top-widget.png') no-repeat;
    padding: 15px 10px 15px 5px;
}

.divBotoes {
    position: relative;
    margin-left: 43px;
}

.divBotoes>a {
    position: absolute;
    right: 0;
}

.arquivoNoticias a {
    color: #DA251D;
}

.arquivoNoticias p {
    margin-left: 20px;
    font-size: 12px;
}

.arquivoNoticias p:first-of-type {
    font-weight: bold;
}

.arquivoNoticias p:before {
    content: url('../img/seta-roxa.png');
    margin: 0 0 -14px -10px;
    display: block
}

.arquivoNoticias p:last-of-type:before {
    content: none;
    margin: 0;
}

.arquivoNoticias .bgWidgetLateral {
    padding-top: 15px;
}

.videosLateral {
    margin-top: 30px;
    font-size: 13px
}

.videosLateral>iframe {
    width: 100%;
    height: 115px;
}

.videosLateral h4 {
    margin: 5px 0 10px 0;
    color: #000;
}

.miniVids img {
    width: 100%;
    height: 37px;
}

.miniVids {
    float: left;
    width: 31.3%;
    margin-right: 3%;
}

.miniVids:last-of-type {
    margin: 0;
}

.miniVids a {
    color: #000;
}

.linkTodosVideos {
    color: #000;
}

.tabsGrupoPaginas {
    margin-top: 30px;
    min-height: 250px;
}

.tabsGrupoPaginas .none {
    display: none;
}

.navTrabalho {
    color: #DA251D
}

.navFederal {
    color: #9291A4
}

.navEleitoral {
    color: #7B9485
}

.tabsNav.active {
    background: #9291A4;
    color: #fff;
}

.tabsNav {
    float: left;
    font-weight: bold;
    font-size: 11px;
    padding: 8px 0;
    width: 33.3%;
    text-align: center;
}

.tabsBoxs {
    background: #9291A4;
    padding: 20px 20px 15px 20px;
    font-size: 13px;
}

.tabsBoxs a {
    color: #fff;
}

.tabsBoxs p {
    font-weight: bold;
}

.tabsBoxs span {
    font-size: 12px;
    font-weight: lighter
}

.tabsBoxs p:first-of-type {
    margin-top: 0;
}

.listarTodasEdicoes {
    font-size: 12px;
}


/************RODAPE*********/

footer {
    background: #F3F3F3;
    padding: 40px 0;
    color: #66657A;
}

footer .left>.left:first-of-type {
    margin-right: 35px;
    padding-right: 35px;
    background: url('../img/separadorG.jpg') no-repeat right;
}

footer .left p:first-of-type {
    margin-top: 0;
}

footer .left p:first-of-type:before {
    content: url('../img/ico-tel.png');
    margin-right: 5px;
}

footer .left p.localRodape {
    margin-left: 14px;
}

footer .left p.localRodape:before {
    content: url('../img/ico-local.png');
    margin: 0 0 -20px -17px;
    display: block;
}

footer .left p:last-of-type {
    margin-left: 14px;
}

.bannerRodape {
    position: absolute;
    right: 0;
}

.bannerRodape img {
    width: 387px;
    height: 85px;
}


/************FORMULARIOS*********/

#loader {
    display: none;
    vertical-align: middle;
}

.contato .textoContato {
    float: right;
    width: 40%
}

.contato .textoContato iframe {
    width: 100%;
}

#frmcontato {
    width: 45%;
}

.tabelaform.left {
    width: 45%;
}

.tabelaform.left.p.last {
    margin-left: 10%;
}

.tabelaform {
    width: 100%;
    position: relative;
}

.tabelaform.label,
.tabelaform.label {
    font-size: 14px;
    color: #667771;
}

.tabelaform .cel {
    display: block;
    padding: 10px 0 3px 0;
}

label.inline {
    display: initial;
}

.campos {
    font-size: 14px;
    padding: 4px 0;
    border: none;
    width: 96%;
    border: 1px solid #ccc;
    padding: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffe8+0,d6dbbf+100;Wax+3D+%231 */
    background: #feffe8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffe8), color-stop(100%, #d6dbbf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffe8 0%, #d6dbbf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffe8 0%, #d6dbbf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffe8 0%, #d6dbbf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #feffe8 0%, #d6dbbf 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf', GradientType=0);
    /* IE6-9 */
}

.campos.p {
    width: 96%;
}

textarea.campos {
    width: 96%;
}

.campos:focus {
    border: 1px solid orange;
}

.divbotoes {
    margin: 0 auto;
    padding: 20px 0 0 0;
}

.botoes {
    background-color: #515951;
    color: #fff;
    border: none;
    padding: 5px 13px;
    font-size: 14px;
}

.botoes:hover {
    background-color: #333;
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 767px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /***ESTRUTRA***/
    a:active,
    a:hover,
    a {
        outline: 0;
    }
    main {
        padding: 0;
        margin: 0;
    }
    .left,
    .right {
        float: initial
    }
    .logo {
        display: none;
    }
    .logoMobile {
        display: block;
        width: 100%;
    }
    .center {
        width: 90%;
    }
    .conteudo,
    .lateral {
        width: auto;
        padding: 0;
    }
    /***TOPO***/
    .topo {
        height: auto;
        padding: 10px 0;
    }
    .ulRedes {
        margin-top: 10px;
    }
    .ulRedes li {
        margin: 0 15px 0 0;
    }
    .buscar {
        position: relative;
        right: auto;
        top: auto;
        margin: 10px 0;
    }
    .campo_busca {
        width: 65%;
    }
    .suaContaContent,
    .fenajufe {
        margin: 0;
    }
    .suaContaContent.right,
    .fenajufe.right {
        float: right;
        width: 50%;
        min-height: 1px;
    }
    #btnLoginSocio {
        max-width: 112px;
        position: absolute;
        right: 0;
    }
    .filiese.right {
        float: right;
    }
    /***LATERAL***/
    .lateral {
        margin-top: 30px;
    }
    .suaConta .campos {
        width: 100%;
    }
    .divBotoes {
        margin: 10px 0 0 0;
    }
    .bgWidgetLateral {
        padding-left: 10px;
    }
    /***HOME***/
    .noticias {
        width: auto;
    }
    .noticias .img {
        width: auto;
    }
    .destaque {
        margin: 0;
    }
    .destaque .text.left,
    .destaque .text {
        width: auto;
        padding: 0;
    }
    .outrosDestaques {
        width: auto;
        margin: 0;
        font-size: 13px;
    }
    .gruposPaginasHome {
        margin-top: 0;
    }
    .gruposPaginasHome h2 {
        margin-top: 20px;
    }
    .gruposPaginasHome .gpCell:first-of-type h2 {
        margin-top: 0
    }
    .gruposPaginasHome .gpCell {
        width: auto;
        font-size: 13px;
        background: none;
        display: block;
        padding: 0;
    }
    .boxes {
        position: relative;
    }
    .boxMenuLateral {
        width: auto;
    }
    .videosLateral>iframe {
        height: 155px;
    }
    .miniVids img {
        height: 50px;
    }
    /***RODAPE***/
    footer .left>.left {
        float: left;
    }
    footer .left>.left:first-of-type {
        margin: 2%;
        padding-right: 2%;
        background: url('../img/separadorG.jpg') no-repeat right;
    }
    footer .left>.left:last-of-type {
        width: 80%;
    }
    footer .right {
        margin-bottom: 10px;
    }
    #frm_news .tabelaform.left {
        float: none;
    }
    footer .divbotoes {
        padding: 0;
    }
    footer .tabelaform.left {
        width: 100%;
    }
    footer .tabelaform.left.p.last {
        margin-left: 0;
    }
    /***MENUS***/
    .desktopMenu {
        display: none;
    }
    .mobileMenu {
        position: relative;
        min-height: 40px;
        margin: 0;
        display: block;
    }
    .mobileMenu ul {
        width: 100%;
        background: #AAA9B8;
        border: 1px solid #ccc;
        border-top: none;
        display: none;
    }
    .mobileMenu ul li {
        float: initial;
        padding: 10px 25px 10px 30px;
        /* hide all <li> items */
        text-align: left;
        list-style: none;
        display: list-item;
    }
    .mobileMenu ul li.separador,
    .mobileMenu ul li.separador_subitens {
        padding: 0;
        background: none;
        border-bottom: 1px dotted #fff;
        width: auto;
        height: 0;
        margin: 0;
    }
    .mobileMenu .menuHandle {
        margin: 0;
        border: solid 1px #ccc;
        background: #AAA9B8 url(../img/icon-menu.png) no-repeat 10px 11px;
        padding: 10px 25px 10px 30px;
    }
    .mobileMenu a {
        display: block;
        padding: 0;
    }
    .mobileMenu a {
        color: #fff;
    }
    .mobileMenu ul br {
        display: none;
    }
    .mobileMenu .liSub>ul {
        display: none;
        margin-top: 5px;
    }
    .mobileMenu .liSub {
        background: #AAA9B8 url(../img/icon-menu-seta.png) no-repeat 10px 11px;
    }
    /***CONTATO***/
    .contato .textoContato,
    #frmcontato {
        width: auto;
        float: initial;
    }
    .contato .textoContato iframe {
        display: none;
    }
    .tabelaform.left {
        float: left;
    }
    .divbotoes {
        padding: 10px 0 0 0;
    }
}


/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 479px) {
    .logo img {
        width: 50%;
    }
}


/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .logo img {
        width: auto;
    }
    .noticias .img,
    .destaque2 {
        max-width: 278px;
    }
    .outrosDestaques1,
    .outrosDestaques2 {
        width: 50%;
        font-size: 13px;
        float: left;
    }
    .outrosDestaques1 {
        padding-right: 10px
    }
    .outrosDestaques2 {
        padding-left: 10px;
    }
    .boxes {
        margin-top: 20px;
    }
    .videosLateral>iframe,
    .miniVids img {
        height: auto;
    }
    .videosLateral {
        float: left;
    }
    .tabsGrupoPaginas {
        float: right;
    }
    .videosLateral,
    .tabsGrupoPaginas {
        width: 48%;
    }
    .lateral:after {
        content: '';
        display: block;
        clear: both;
    }
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {}


/* iPads (landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* Styles */
}


/* iPads (portrait) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .center {
        width: 95%;
    }
    /***TOPO***/
    .buscar,
    .ulRedes {
        position: relative;
        right: auto;
        bottom: auto;
        top: auto;
        margin: 10px 0;
    }
    header .center>.right,
    header .center>.left {
        width: 50%;
    }
    .logo {
        display: none;
    }
    .logoMobile {
        display: block;
        width: 85%;
    }
    .suaConta {
        z-index: 100;
    }
    /***CONTEUDO***/
    .conteudo {
        padding-right: 0;
        width: 100%;
        float: none;
    }
    /***HOME***/
    .noticias {
        width: 85%;
    }
    .boxes {
        width: 15%;
    }
    .destaque .img,
    .destaque2 {
        width: 45%;
    }
    .destaque .text.left {
        width: 45%;
        padding-left: 3%;
    }
    .outrosDestaques1,
    .outrosDestaques2 {
        width: 22%;
        margin-left: 3%;
    }
    .videosLateral>iframe,
    .miniVids img {
        height: auto;
    }
    .videosLateral {
        float: left;
    }
    .tabsGrupoPaginas {
        float: right;
    }
    .videosLateral,
    .tabsGrupoPaginas {
        width: 48%;
    }
    /**LATERAL**/
    .lateral {
        width: auto;
        margin-top: 20px;
    }
    .lateral:before {
        content: '';
        display: block;
        clear: both;
    }
    .lateral:after {
        content: '';
        display: block;
        clear: both;
    }
    div.lateral.right {
        float: none;
    }
    /**LATERAL**/
    footer .center>.left,
    footer .center>.right {
        float: none;
    }
    footer .right {
        margin-bottom: 10px;
    }
    #frm_news .tabelaform.left {
        float: none;
    }
    footer .divbotoes {
        padding: 0;
    }
    footer .tabelaform.left {
        width: 100%;
    }
    footer .tabelaform.left.p.last {
        margin-left: 0;
    }
    /***MENUS***/
    .desktopMenu {
        display: none;
    }
    .mobileMenu {
        position: relative;
        min-height: 40px;
        margin: 0;
        display: block;
        margin: 10px 0;
        z-index: 1;
    }
    .mobileMenu ul {
        width: 100%;
        background: #AAA9B8;
        position: absolute;
        border: 1px solid #ccc;
        border-top: none;
        display: none;
    }
    .mobileMenu ul li {
        float: initial;
        padding: 10px 25px 10px 30px;
        /* hide all <li> items */
        text-align: left;
        list-style: none;
        display: list-item;
    }
    .mobileMenu ul li.separador,
    .mobileMenu ul li.separador_subitens {
        padding: 0;
        background: none;
        border-bottom: 1px dotted #fff;
        width: auto;
        height: 0;
        margin: 0;
    }
    .mobileMenu .menuHandle {
        margin: 0;
        border: solid 1px #ccc;
        background: #AAA9B8 url(../img/icon-menu.png) no-repeat 10px 11px;
        padding: 10px 25px 10px 30px;
    }
    .mobileMenu a {
        display: block;
        padding: 0;
    }
    .mobileMenu a {
        color: #fff;
    }
    .mobileMenu ul br {
        display: none;
    }
    .mobileMenu .liSub>ul {
        display: none;
        margin-top: 5px;
        position: relative;
    }
    .mobileMenu .liSub {
        background: #AAA9B8 url(../img/icon-menu-seta.png) no-repeat 10px 11px;
    }
    /***CONTATO***/
    .contato .textoContato,
    #frmcontato {
        width: auto;
        float: initial;
    }
    .contato .textoContato iframe {
        display: none;
    }
}