/* 
    Document   : dialogItem
    Created on : 22/03/2013, 16:46:33
    Author     : Juliano
    Description:
        Purpose of the stylesheet follows.
*/

#block-dialogItem{
    border: 1px solid #909090;
    margin: 10px;
    padding: 3px;
    width: 240px;
    height: 140px;
}
.item-bg-small{
    position: absolute;
    z-index: 800;
}
.item-bg-small .item-img-desc{
    float: none;
}
.item-bg-small .size-img{
    float: left;
    width: 100%;
    height: 140px;
}
.item-bg-small .size-img img{
    border: none;
    max-width: 180px;
    max-height: 140px;
}
.item-bg-small .size-img .icone-video-img{
    position: absolute;
    top: 0;
    margin-top: 40px;
    margin-left: 45px;
    width: 39px;
    height: 38px;
    background: url(../../../../../img/bt-player.png) no-repeat center;
}
.item-bg-small .descricao-geral{
    position: absolute;
    top: 0;
    width: 111px;
    height: 130px;
    margin-left: 129px;
    padding-top: 10px;
    text-align: right;
    z-index: 800;
}
.item-bg-small .descricao-geral .desc-linha{
    float: right;
    height: 20px;
}
.item-bg-small .descricao-geral .item-text{
    float: left;
    margin-top: 3px;
    font-size: 10px;
    font-weight: bold;
    width: 90px
}
.item-bg-small .descricao-geral .item-text-desc{
    float: left;
    margin-top: 3px;
    padding: 5px;
    font-size: 10px;
    font-weight: bold;
    width: 100px
}
.item-bg-small .descricao-geral .item-img{
    float: left;
}
.item-bg-small .dialogItem-bg-desc-imagens{
    background: url(../../../../../img/bg-desc-imagens.png) repeat;
}
.item-bg-small .dialogItem-bg-desc-aulas{
    background: url(../../../../../img/bg-desc-aulas.png) repeat;
}
.item-bg-small .dialogItem-bg-desc-animacoes{
    background: url(../../../../../img/bg-desc-animacoes.png) repeat;
}
.item-bg-small .dialogItem-bg-desc-videos{
    background: url(../../../../../img/bg-desc-videos.png) repeat;
}
.item-bg-small .dialogItem-bg-desc-geral{
    background: url(../../../../../img/bg-desc-geral.png) repeat;
}

.item-bg-small .barra-inferior{
    position: relative;
    float: left;
    width: 240px;
    height: 25px;
    margin-top: -25px;
    z-index: 900;
}

.item-bg-small .barra-inferior .item-nome{
    float: left;
    height: 25px;
    padding: 6px 4px;
    color: #FFF;
    font-weight: bold;
}

.item-bg-small .barra-imagens-color{
    background: #e38629;
}
.item-bg-small .barra-aulas-color{
    background: #4f9687;
}
.item-bg-small .barra-animacoes-color{
    background: #849c27;
}
.item-bg-small .barra-videos-color{
    background: #1d8a9c;
}
.item-bg-small .barra-geral-color{
    background: #b2b2b2;
}

.item-bg-small .barra-inferior a{
    float: right;
}
.item-bg-small .barra-inferior a .download{
    width: 30px;
    height: 20px;
    padding: 5px 3px 0 0;
    border-left: 2px solid;
}

.item-bg-small .barra-imagens-mais{
    color: #ad4517;
    background: url(../../../../../img/mais-imagens.png) no-repeat center;
}
.item-bg-small .barra-aulas-mais{
    color: #366761;
    background: url(../../../../../img/mais-aulas.png) no-repeat center;
}
.item-bg-small .barra-animacoes-mais{
    color: #596825;
    background: url(../../../../../img/mais-animacoes.png) no-repeat center;
}
.item-bg-small .barra-videos-mais{
    color: #165775;
    background: url(../../../../../img/mais-videos.png) no-repeat center;
}
.item-bg-small .barra-geral-mais{
    color: #797979;
    background: url(../../../../../img/mais-geral.png) no-repeat center;
}