/*

 * CSS com estilo específico do tema
 *
 * @Autores
 *
 * - Danilo Sartorelli Barbato
 * - Djeison Possamai 
 * - Thiago Garcia Tamosauskas
 *
 * @Referencias
 *
 * Lista de padrões, convenções e boas praticas CSS que devem ser seguidas.
 * https: //github.com/necolas/idiomatic-css/tree/master/translations/pt-BR
 *
 * Plugins para ordenar os atributos de CSS.
 * http://csscomb.com/
 *
 * Validador de CSS do W3C.
 * \http://jigsaw.w3.org/css-validator/
 * 
 * Cores


/* ==========================================================================
  Geral
  ========================================================================== */


/* live search */

div#LSResult
{
    display: none !important;
}

/*   topo   */
.hiddenStructure
{
    display: none;
}

.banner-central
{
    display: none;
}
.banner-central
{
    display: none;
}
.instituicaoFooter
{
    display: none;
}
#btnav
{
    z-index: 20;
}
.m-accessibilidade
{
    display: none;
}
div#logo a img
{
    display: block;

    width: 170px;
    margin: 0 0 0 5%;
    padding-top: 18px;
}
nav
{
    position: relative;

    height: 50px;

    background: #2f5c97;
}
div#logo
{
    margin-top: 0;
}

#main-header
{
    position: relative;

    height: 80px;

    background: #f8f8f8 !important;
}


/*Menu*/

#main-navigation li a
{
    font-size: 1.2em;
    font-weight: bold;

    text-transform: uppercase;

    color: #fff;
}

#main-navigation li a
{
    color: #d8c207;
}

/* Conteúdos gerais */

.portletContent a:hover
{
    text-decoration: underline;
}
#content a:hover
{
    text-decoration: underline;
}

.portletStaticText.portlet-static-navegacao ul > li
{
    padding-bottom: 2px;

    text-transform: uppercase;

    border-bottom: 1px solid #48c5db;
}
.portletStaticText.portlet-static-navegacao ul > li > a
{
    display: inline-block;

    width: 100%;

    color: #251c6f !important;
}
.portletStaticText.portlet-static-navegacao ul > li a:hover
{
    text-decoration: underline;
}

.portletStaticText.portlet-static-navegacao ul ul
{
    margin-top: 5px;
}

.portletStaticText.portlet-static-navegacao ul > li > ul > li
{
    border: none;
}

.portletStaticText.portlet-static-navegacao ul > li > ul > li a
{
    margin-left: 20px;

    text-transform: none;

    color: #000 !important;
}

/* ==========================================================================
       Notícia
       ========================================================================== */
/* Título de notícias */
h1.documentFirstHeading
{
    font-size: 1.7em;
    line-height: 1.4em;

    color: #404040;
}
/* Imagem e Legenda */
figure.newsImageContainer
{
    position: relative;

    float: left;

    margin: 0 10px 10px 0;
}
.newsImageContainer figcaption
{
    font-size: .8em;
    font-weight: bold;

    position: absolute;
    bottom: 0;

    width: 100%;
    min-height: 19px;
    padding: 5px;

    background-color: rgba(255, 255, 255, .7);
}
#content .newsImageContainer a
{
    color: #000;
}
#content .newsImageContainer a:hover
{
    color: #333 !important;
}
/* Conteúdo */
div#content-core
{
    margin-bottom: 40px;

    color: #414141;
}
div#plone-document-byline
{
    margin-bottom: 20px;
}

/* ==========================================================================
       Cabeçalho do Portal
       ========================================================================== */
div#logo
{
    margin-bottom: 3px;
    margin-left: -4px;
}

#main-navigation li a
{
    color: #1c3759;
}
#main-navigation li:hover
{
    background: #2f5c97;
}
#main-navigation li:hover a
{
    color: #fff;
}
ul.actionMenu
{
    display: none;
}

/* Menu global */

#navigation
{
    display: inline;

    margin: 0;

    list-style: none;

    text-align: left;
}

#navigation ul li
{
    position: relative;

    display: inline-block;

    cursor: pointer;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}
#navigation li.item-nav
{
    position: relative;

    color: #fff;
}
#navigation li.item-nav ul
{
    display: none;
    visibility: hidden;

    padding: 0;
}
#navigation li.item-nav ul li
{
    display: block;
    float: none;

    padding: 3px 10px;

    border-right: none;
}

#navigation li.item-nav span
{
    font-size: 1.2em;
    font-weight: bold;
}
div:hover#btnav ul#navigation
{
    position: relative;
    top: -5px !important;

    display: block;

    margin-left: 0;
    padding-top: 2px;
    padding-left: 0;
}

div:hover#btnav ul#navigation
{
    position: relative;
    top: 0;

    display: block;

    margin-left: 0;
    padding-top: 2px;
    padding-left: 0;

    background: #e4e4e0;
    
    overflow: hidden;
}

#navigation li.item-nav ul
{
    display: none !important;
}

#navigation li:hover ul
{
    display: block !important;
    visibility: visible;

    opacity: 1;
    background: #68394d;
}

#navigation li.item-nav ul li a:hover
{
    color: #fff!important;
}

#content .cover-collection-tile.tile-content
{
    margin-top: 0 !important;
    margin-left: 0 !important;
}


/* ==========================================================================
       Rodape do Portal
       ========================================================================== */
#footerRightslocal
{
    position: relative;

    width: 100%;
    min-height: 100px;
    margin-top: 20px;
    padding: 10px 0;

    background: #2f5c97;
}
#footerRightslocal span
{
    font-family: verdana;
    font-weight: normal;

    position: relative;

    display: block;

    width: 55%;
    padding: 29px 0  10px 21px;
}




#footerRightslocal img {
    position: absolute;
    margin: 0 41%;
    bottom: 22px;
    display: block;
}



/* ==========================================================================
       Tiles
       ========================================================================== */


/* Tiles Geral */
.image-inline {
    max-width: 100%;
}

#content h2, #content h3 {
    color: #2f5c97;
    font-weight: bold;
    line-height: 1.2em;
}
#content h2 {
    font-size: 2.5em;
    width: 80%;
}
.destaque-borda p {
    display: inline-block;
    max-width: 60%;
    padding-top: 25px;
    font-size: 1.2em;
}
#content h3 {
    font-size: 1.8em;
    margin-bottom: 20px;
}

.destaque-borda div::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    padding-right: 10px;
    vertical-align: top;
    padding-top: 30px;
}
.iconsize {
    font-size: 12em;
    color: #2f5c97;
    margin-top: 90px;
    text-align: center;
}
.iconsize.iconpencil {
    margin-top: 0;
}
.iconsize.iconUniversity {
    margin-top: 110px;
}
#content .row li {
    line-height: 2.5em;
    font-size: 1.2em;
}
.row.tile-dark {
    background: #e6eef6;
    padding: 20px 0;
    margin-bottom: 20px;
}
.row.tile-dark div {
    padding: 0 5px;
}

#content .tile-content p {
    font-size: 1.2em;
}

.row.tile-dark p {
    padding-right: 10px;
}
#content .cover-richtext-tile a:link,
#content .cover-richtext-tile a {
    color: #2f5c97 !important;
    border-bottom: 0;
}
span.numeracaoInline {
    font-size: 1.7em;
    font-weight: bold;
    color: #2f5c97;
}

.tile
{
    margin-bottom: 15px !important;
}

.tile img.left
{
    width: 100%;
    height: auto;
}
/* Tile Basic */

.cover-basic-tile.tile-content h2
{
    line-height: 1em;
}

.cover-basic-tile.tile-content h2 a
{
    font-size: .85em;

    color: #000 !important;
}

#content .cover-basic-tile.tile-content h3 a
{
    font-family: Helvetica,Tahoma,sans-serif;
    font-size: .9em;

    color: #000;
}

#content .cover-basic-tile.tile-content > p
{
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 14pt;

    color: #404040;
}

#content .cover-basic-tile h3
{
    clear: left;
}

#content .cover-basic-tile.tile-content > p
{
    font-size: 1.2em !important;

    margin-bottom: 5px;
}

/*Tile Basico*/

div.position-0
{
    margin-top: 0;
}

.cover-richtext-tile h4
{
    font-size: 1.7em;
    font-weight: bold;

    margin-top: 40px;

    color: #073772;
}

.cover-richtext-tile h4 a
{
    color: #073772 !important;
}

.cover-richtext-tile a.destaque img.image-inline
{
    width: 100% !important;
}


/*Conteudo*/

#content h1.documentFirstHeading
{
    font-size: 2.1em;

    width: 98%;

    text-transform: uppercase;

    color: #0096a4;
}

.portaltype-document hr
{
    margin: 22px 0;
}

.portaltype-document #content h4
{
    font-size: 2em;

    width: 98%;

    text-transform: uppercase;

    color: #083671;
}

.titulo > span
{
    font-size: 1.4em;
    font-weight: bold;

    position: absolute;
    top: -6px;
    left: 10%;

    color: #00529b;
}

.collection-item
{
    width: 96%;
}
.cover-carousel-tile
{
    display: none;
}


.fa-pencil:before
{
    content: '\f040';
}

.icones i
{
    font-size: 90px;
}

.icones span
{
    font-size: 20px;

    display: block;

    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 58px;
    margin-left: 0;
}

#content .icones a
{
    color: #0b2d93 !important;
}
#content .icones a:hover
{
    color: #fdb917 !important;
}

.item
{
    display: block;

    width: 100%;

    text-align: center;
}
.inscrevase {
    margin-top: 30px;
    display: block;
    margin-bottom: 20px;
}
#content .cover-richtext-tile .inscrevase a {
    color: #000 !important;
}
.inscrevase a {
    background-color: rgba(255, 165, 0, 0.8) !important;
    padding: 10px 25px;
    color: #000 !important;
    font-size: 1.2em;
    border: none !important;
    font-weight: bold;
}
#content .inscrevase a:hover {

    background: #D68801 !important;
    color: #000 !important;
    text-decoration:none !important;
    border:none !important;
}
td.botaoinscrevase
{
    width: 210px;
}

td.botaoinscrevase .inscrevase
{
    margin: 7px 0;
}


@media only screen and (min-width : 320px)
{
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px)
{
    div#logo a img
    {
        width: 180px;
        padding-top: 27px;
    }
    #main-header
    {
        height: 100px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
    
.row.tile-dark {
    padding: 20px;
    margin: 30px 0;
}
    
    p.alignLeftInscricao {
    margin-top: 50px;
}
    .instituicaoFooter
    {
        display: -webkit-inline-box;
        margin: 45px 0 0 10px;
    }
    .box-noticias
    {
        margin-top: 20px;
    }
    div#mainMenu
    {
        background: transparent;
    }

    /* carrossel */
    .cover-carousel-tile
    {
        display: block;
    }
    .espacoDestaques
    {
        display: block;

        height: 48px;
    }
    .galleria-thumbnails-list
    {
        margin-top: -15px;
    }
    .galleria-inner
    {
        width: 100%;
        height: 300px;
        margin-top: -35px;
    }
    #footerRightslocal img {
        margin: 0;
        right: 4%;
    }
.cell.width-16.position-0 .galleria-inner
    {
        height: 340px;
    }
    .cell.width-16.position-0 .destaque-principal
    {
        height: 230px;
    }

    .destaque-principal
    {
        overflow: hidden;

        height: 190px;
    }
    .galleria-info-title,
    .galleria-info
    {
        display: none !important;
    }

    #content .cover-basic-tile.tile-content h3 a
    {
        font-size: 1.1em;
    }

    #content .cover-basic-tile.tile-content > p
    {
        font-size: 1em !important;
    }

    div.position-5
    {
        margin-left: -67.2%;
    }

    div.position-10
    {
        margin-left: -35.375%;
    }

    #content .cover-basic-tile h3
    {
        font-size: 1em;

        clear: left;
    }

    .collection-item h3
    {
        font-size: .9em;

        text-transform: uppercase;
    }
    .description
    {
        font-size: .85em;
    }
    header#main-header
    {
        height: 115px;
    }

    .userrole-authenticated .banner-home
    {
        top: 0;
    }

    /*Ajuste header*/

    div#logo a img
    {
        width: 249px !important;
        margin-left: 0;
        padding-top: 27px;
    }

    #main-navigation li:hover
    {
        background: transparent;
    }
    /* cor do place holder */
    ::-webkit-input-placeholder
    {
        color: #fff;
    }

    :-moz-placeholder
    {
        /* Firefox 18- */
        color: #fff;
    }

    ::-moz-placeholder
    {
        /* Firefox 19+ */
        color: #fff;
    }

    :-ms-input-placeholder
    {
        color: #fff;
    }



    div:hover#btnav ul#navigation
    {
        top: 0 !important;

        background: transparent;
    }

    #btnav li a:hover {
        color: #f3ce22 !important;
        background: transparent;
    }

    #btnav #sub-menu li a:hover
    {
        border: none !important;
    }

    #footerRightslocal span
    {
        float: left;

        width: auto;
        margin-top: 15px;
        padding-left: 10px;
    }

    #footerRightslocal span:last-child
    {
        border-right: none !important;
    }
    div#portal-searchbox
    {
        position: relative;
        top: -54px !important;
        left: 0 !important;

        width: 30%;
        margin-top: 0;

        color: #fff !important;
        border: none;
        background: #48c4db;
    }

    .searchButton
    {
        color: #000;
    }

    #footerRightslocal img
    {
        display: inline;
        float: right;

        padding-right: 10px;
    }

    #portal-searchbox input#searchGadget,
    #portal-searchbox input#nolivesearchGadget
    {
        color: #fff !important;
    }

    div#logo
    {
        margin-left: 10px;
    }

    .precisaConsultoria p
    {
        font-size: 1.3em !important;
    }

    .item
    {
        display: block;
        float: left;

        width: 25%;
    }
    .banner-central
    {
        display: block;

        margin-bottom: 70px;
    }

    .banner-central img
    {
        width: 100%;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{    a:focus
    {
        outline: 2px solid #ffb400 !important;
    }
    .destaque-principal
    {
        height: 255px;
    }
    header#main-header
    {
        height: 125px;
    }
    div#content
    {
        min-height: 300px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .cell.width-16.position-0 .galleria-inner
    {
        height: 380px;
    }
    .cell.width-16.position-0 .destaque-principal
    {
        height: 285px;
    }
    
    .barra-sup-container
    {
        width: 100%;

        border-top-width: .4em;
        border-top-style: solid;
        border-top-color: #ffd51d;
        border-bottom: 3px solid #ccd3df;
        background: #fff !important;
    }
    .m-accessibilidade ul
    {
        position: relative;
        width: 95%;
        max-width: 1134px;
        height: 23px;
        margin: 0 auto;
    }

    .m-accessibilidade img
    {
        width: 21px;
        height: 21px;
    }
    .m-accessibilidade a
    {
        color: #fff;
    }

    .m-accessibilidade p
    {
        font-size: 0.9em;
        font-weight: bold;

        float: left;

        margin-top: 5px;
        margin-right: 3px;
        padding:0 5px 1px;

        text-align: center;

        color: #fff;
        border-radius: 50%;
        background: #0e9bc9;
    }
    .m-accessibilidade
    {
        display: inline-block;
        width: 100%;
        padding: 3px 0 6px;

        background: #606969;
        border-bottom:3px solid #ffd51d; 
        
    }
    ul.op-acess li
    {
        float: left;

        padding: 0 5px;
    }
    ul.op-acess li:hover
    {
        background: rgba(255, 255, 255, .3);
    }




    ul#portal-siteactions2 li a
    {
        font-weight: bold;

        border-bottom: 1px dotted #fff;
    }

    ul.op-acess li.contrast
    {
        position: relative;
        right: 44px;

        float: right;

        width: auto !important;
        min-height: 24px;
    }

    .op-acess li a
    {
        font-size: 0.6em;
        position: relative;
        top: 3px;
        left: 2px;
    }

    .barra-sup-botoes li a
    {
        color: #03539c !important;
    }

    .barra-sup-container
    {
        border-bottom: 3px solid #cdd3df;
    }

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
    .precisaConsultoria p
    {
        margin: 60px auto;
    }
    .precisaConsultoria
    {
        height: 258px;
    }
    .destaque-principal
    {
        height: 280px;
    }
    .cell.width-16.position-0 .galleria-inner
    {
        height: 440px;
    }
    .cell.width-16.position-0 .destaque-principal
    {
        height: 345px;
    }
}