/* 
    Document   : menu_repositorio
    Created on : 21/03/2013, 10:19:48
    Author     : Juliano
    Description:
        Purpose of the stylesheet follows.
*/

#content-repositorio{
    margin-top: -1px;
    float: left;
    width: 100%;
}

#lista-repositorio{
    float: left;
    width: 100%;
    border-top: 4px solid #7d7d7d;
    border-bottom: 1px solid #4d4d4d;
    background: #fff;
    min-height: 510px;
    padding-bottom: 7px;
}

#lista-repositorio .centraliza{
    margin: 0 auto;
    width: 805px;
}

#block-relacionado .content .centraliza{
    margin: 0 auto;
    width: 270px;
}
#block-destaques .content .centraliza{
    margin: 0 auto;
    width: 270px;
}
#item-detalhe{
    padding: 0 5px;
    margin: 12px 11px 12px 11px;
    border: 1px solid #909090;
    width: 770px;
    min-height: 260px;

}
#item-detalhe .detalhe-sup{
    float: left;
    position: relative;
    margin: 5px 0 0 0;
    height: 56px;
    width: 100%;
}
#item-detalhe .detalhe-sup-imagens{
    background: url(../../../../../img/barra-det-imagens.png) no-repeat;
}
#item-detalhe .detalhe-sup-videos{
    background: url(../../../../../img/barra-det-videos.png) no-repeat;
}
#item-detalhe .detalhe-sup-animacoes{
    background: url(../../../../../img/barra-det-animacoes.png) no-repeat;
}
#item-detalhe .detalhe-sup-aulas{
    background: url(../../../../../img/barra-det-aulas.png) no-repeat;
}

#item-detalhe .detalhe-sup .detalhe-txt{
    float: left;
    position: absolute;
    margin: 22px 0 0 15px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

#item-detalhe .detalhe-content{
    float: none;
    width: 100%;
    font-size: 12px;
}

#item-detalhe .detalhe-content .detalhe-line-sup{
    float: left;
    width: 100%;
}
#item-detalhe .detalhe-content .detalhe-line-meio{
    float: left;
    width: 100%;
}
#item-detalhe .detalhe-content .detalhe-line-inf{
    margin-top: -195px;
    float: left;
    width: 100%;
}

#item-detalhe .detalhe-content .detalhe-img{
    margin-top: 0px;
    width: 240px;
    height: 140px;
    text-align: center;
}
#item-detalhe .detalhe-content .detalhe-down-size{
    margin-top: 15px;
    margin-bottom: 10px;
    float: left;
    width: 240px;
    height: 40px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}
#item-detalhe .detalhe-content .down-size-imagens{
    background: #ffcb6d;
}
#item-detalhe .detalhe-content .down-size-aulas{
    background: #8dc7bb;
}
#item-detalhe .detalhe-content .down-size-animacoes{
    background: #cacb63;
}
#item-detalhe .detalhe-content .down-size-videos{
    background: #64bdcb;
}

#item-detalhe .detalhe-content .detalhe-down-size .detalhe-downloads{
    float: left;
    padding-top: 5px;
    width: 109px;
}
#item-detalhe .detalhe-content .detalhe-down-size .detalhe-barra{
    float: left;
    padding: 5px;
    margin-top: 5px;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
}
#item-detalhe .detalhe-content .detalhe-down-size .detalhe-dimensao{
    float: left;
    padding-top: 5px;
    width: 109px;
}

#item-detalhe .detalhe-content .detalhe-wordkey{
    background: #d5d5d5;
    margin-top: 50px;
    margin-left: 15px;
    float: right;
    padding: 5px;
    width: 240px;
    min-height: 75px;
}

#item-detalhe .detalhe-content .detalhe-criado{
    background: #d5d5d5;
    margin-top: 50px;
    margin-left: 15px;
    float: right;
    padding: 5px;
    width: 240px;
    height: 75px;
}
#item-detalhe .detalhe-content .detalhe-categoria{
    background: #d5d5d5;
    margin-top: 15px;
    margin-right: 265px;
    float: right;
    padding: 5px;
    width: 240px;
    min-height: 30px;
}
#item-detalhe .detalhe-content .detalhe-tags{
    background: #d5d5d5;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    padding: 5px;
    width: 240px;
    height: 30px;
}

#item-detalhe .detalhe-content .detalhe-bt-download{
    margin-top: 15px;
    margin-left: 15px;
    float: right;
    width: 250px;
    height: 40px;
    cursor: pointer;
}

#item-detalhe .detalhe-content .bt-download-imagens{
    background: #e38629;
}
#item-detalhe .detalhe-content .bt-download-animacoes{
    background: #849c27;
}
#item-detalhe .detalhe-content .bt-download-videos{
    background: #1d8a9c;
}
#item-detalhe .detalhe-content .bt-download-aulas{
    background: #4f9687;
}

#item-detalhe .detalhe-content .detalhe-bt-txt{
    margin: 5px 0 5px 25px;
    float: left;
    width: 175px;
    height: 31px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#item-detalhe .detalhe-content .detalhe-bt-txt .detalhe-bt-tamanho{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

#item-detalhe .detalhe-content .detalhe-bt-img-download{
    float: right;
    margin: 6px;
    background: url(../../../../../img/icone-download-large.png) no-repeat;
    width: 31px;
    height: 31px;
}
#item-detalhe .detalhe-content .detalhe-bt-img-assistir{
    float: right;
    margin: 6px;
    background: url(../../../../../img/icone-assistir.png) no-repeat;
    width: 31px;
    height: 31px;
}
#lista-repositorio-outros{
    margin-top: 5px;
    float: left;
    width: 100%;
}
#lista-repositorio-outros .detalhe-outros-relacionado{
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    margin-bottom: 3px;
}
#lista-repositorio-outros .detalhe-outros-relacionado .detalhe-outros-header{
    border-top: 4px solid;
    border-bottom: 4px solid;
    padding: 10px 20px;
}

#lista-repositorio-outros .detalhe-outros-relacionado .detalhe-outros-header .detalhe-outros-txt{
    color: #004a73;
    font-size: 14px;
    font-weight: bold;
}
#lista-repositorio .msg-search{
    margin-top: 40px;
    text-align: center;
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
}
#content-repositorio .footer .paginacao .txt-registros{
    float: left;
    margin-left: 20px;
    color: #000;
    font-size: 12px;
}
#content-repositorio .footer .paginacao .txt-paginas{
    
    float: right;
}
.paginacao-imagens-color{
    color: #e38629;
    background: #f9e7d4;
}
.paginacao-aulas-color{
    color: #4f9687;
    background: #dcebe8;
}
.paginacao-animacoes-color{
    color: #849c27;
    background: #e6ebd5;
}
.paginacao-videos-color{
    color: #1d8a9c;
    background: #d3e8eb;
}