/*
    Part comuna en la navegació de recursos
*/
#topNavigator{
    width: 730px;
    height: 35px;
    padding-top: 6px;
    background-color: #a9ddf3;
    border: 1px solid #b8b8b8;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
#topNavigatorIco,
#topNavigatorIcoDossier {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 4px;
    width: 24px;
    height: 19px;
    background: url('../img/tj/folderCasals.png') no-repeat;
    float: left;
}
#topNavigatorIcoDossier {
    background: url('../img/tj/folderDossiers.png') no-repeat;
}
#divAriadna{
    float: left;
    height: 23px;
    margin-top: 1px;
    width: 660px;
    border: 1px solid #b8b8b8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}
#divAriadnaCenter,
#divAriadnaRight{
    float: left;
    height: 23px;
}
#divAriadnaCenter{
    padding-left: 2px;
    height: 22px;
    width: 636px;
}
#divAriadnaText{
    padding-top: 4px;
}
#divAriadnaRight{
    width: 21px;
    border-left: 1px solid #b8b8b8;
    cursor: pointer;
}
#divAriadnaFavorits{
    margin-top: 2px;
    margin-left: 2px;
    width: 16px;
    height: 16px;
    display: block;
    background: url('../img/tj/Icons-16px-navegacio.png') no-repeat 0px -48px;
}
#divAriadnaFavorits:hover{
    background-position: -16px -48px;
}
#divMenuNavigator{
    height: 29px;
    width: 730px;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    background-color: #d0d0d0;
}
.elementUl,
.recursDossierUl{
    list-style: none;
    margin: 0px;
    margin-left: -40px;
    _margin-left: 0px; /*Hack IE6*/
}
.recursLi{
    height: 47px;
    width: 720px;
    padding-left: 10px;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-bottom: solid 1px #b8b8b8;
    background-color: #f0f0f0;
    clear: both;
}
.recursLi:hover{
    background-color: #FFF;
}
.recursLi:hover #categoriaAdmin{
    display: inherit;
}
.dossierFolder,
.bloquedFolder,
.bloquedFolderR,
.bloquedFolderRV,
.redFolder,
.slinkFolder,
.hlinkFolder,
.navigatorFolder{
    width: 32px;
    height:32px;
    background: url('../img/tj/Carpetas-32px.png') no-repeat;
}
.bloquedFolderR,
.bloquedFolderRV{
    background: url('../img/tj/Carpetas-32px-Editor.png') no-repeat;
}
.bloquedFolderRV{
    background-position: 0px -32px;
}
.bloquedFolder{
    background-position: 0px -64px;
}
.redFolder{
    background-position: 0px -32px;
}
.slinkFolder{
    background-position: 0px -96px;
}
.hlinkFolder{
    background-position: 0px -128px;
}
.dossierFolder{
    background-position: 0px -160px;
}
#categoriaLnk{
    float: left;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold;
    width: 440px;
}
#recursChk{
    float:left;
    width: 19px;
    height: 21px;
    margin-top: 7px;
    padding-left: 0px;  /*Eliminar si estils antics no hi es*/
    padding-top: 11px;
    border-right: 1px solid #bfbfbf;
}
#recursChk input{
    margin: 0px;
}

.recursEspaiChk{
    float:left;
    width: 20px;
    height: 21px;
}
.folderLiLnk{
    float: left;
    width: 495px;
    height: 32px;
    margin-top: 7px;
    padding-left: 0px;  /*Eliminar si estils antics no hi es*/
    color: #404040;
    
    display:block;
    cursor:pointer;
}
#recursLiLnk{
    float: left;
    width: 450px;
    height: 32px;
    margin-top: 7px;
    padding-left: 0px;  /*Eliminar si estils antics no hi es*/
    color: #404040;
    
    display:block;
    cursor:pointer;
}
.recursImg{
    float:left;
    padding-left: 7px;
    height: 32px;
    width: 41px;
    
    border-right: 1px solid #bfbfbf;
}
.recursText{
    float:left;
    margin-left: 7px;
    margin-top: 10px;
    width: 393px;
    font-weight: bold;
    
    /*Per no sortir del marge*/
    overflow: hidden;
    height: 27px;
}

/*
    Icones dels recursos
*/
.recurs4,
.recurs5,
.recurs6,
.recurs7,
.recurs8,
.recurs9,
.recurs12,
.recurs13,
.recurs14,
.recurs15,
.recurs16,
.recurs17,
.recurs18,
.recurs20,
.recurs23,
.recurs24,
.recurs25,
.recurs31,
.recurs33,
.recurs34,
.recurs37,
.recurs47,
.recurs55{
    width: 32px;
    height: 32px;
    background: url('../img/tj/icons-01.png') no-repeat;
}

.recurs4{
    background-position: 0px -224px;
}
.recurs5{
    background-position: 0px -32px;
}
.recurs6{
    background-position: 0px 0px;
}
.recurs7{
    background-position: 0px -448px;
}
.recurs8{
    background-position: 0px -352px;
}
.recurs9{
    background-position: 0px -320px;
}
.recurs12{
    background-position: 0px -96px;
}
.recurs13{
    background-position: 0px -192px;
}
.recurs14{
    background-position: 0px -256px;
}
.recurs15{
    background-position: 0px -128px;
}
.recurs16,
.recurs47{
    background-position: 0px -416px;
}
.recurs17,
.recurs37{
    background-position: 0px -288px;
}
.recurs18{
    background-position: 0px -256px;
}
.recurs20,
.recurs55{
    background-position: 0px -160px;
}
.recurs23{
    background-position: 0px -544px;
}
.recurs24{
    background-position: 0px -480px;
}
.recurs25, .recurs34{
    background-position: 0px -384px;
}
.recurs31{
    background-position: 0px -512px;
}
.recurs33{
    background-position: 0px -64px;
}


/*************************
*    Icones de navegació *
**************************/
.eliminar,
.editar,
.addFavoritos,
.miniDossier,
.miniFolder,
.copiar, 
.moureCat,
.meusAlumnes,
.gotoGrup{
    float: left;
    width: 16px;
    height: 16px;
    display: block;
    background: url('../img/tj/Icons-16px-navegacio.png') no-repeat;
}
.meusAlumnes{
    background: url('../img/tj/meusAlumnes.png') no-repeat;
}
.gotoGrup{
    background: url('../img/tj/goToGrup.png') no-repeat;
}
.eliminar{
    background-position: 0px -96px;
}
.editar{
    background-position: 0px -160px;
}
.addFavoritos{
    background-position: 0px -32px;
}
.miniDossier{
    background-position: 0px -64px;
}
.miniFolder{
    background-position: 0px -80px;
}
.copiar{
    background-position: 0px -128px;
}
.moureCat{
    background-position: 0px -144px;
}
.eliminar:hover{
    background-position: -16px -96px;
}
.editar:hover{
    background-position: -16px -160px;
}
.addFavoritos:hover{
    background-position: -16px -32px;
}
.elementSortable:hover .miniDossier{
    background-position: -16px -64px;
}
.elementSortable:hover .miniFolder{
    background-position: -16px -80px;
}
.copiar:hover{
    background-position: -16px -128px;
}
.moureCat:hover{
    background-position: -16px -144px;
}
.meusAlumnes:hover,
.gotoGrup:hover{
   background-position: -16px 0px; 
}
.separacio50H{
    float: left;
    width: 50px;
}
.separacio28H{
    float: left;
    width: 28px;
}
.separacio12H{
    float: left;
    width: 12px;
}
.moure{
    cursor: move;
    height:13px;
    width:15px;
    background: url('../img/tj/move.gif') no-repeat;
}
.floatRight{
    float: right;
}
.floatLeft{
    float: left;
}
.cancelarBottom{
    float: left;
    padding-left: 14px;
    margin-right: 4px;
}
.cancelarBottom a{
    padding-left:22px;
    height: 16px;
    background: url('../img/tj/cancelar.png') no-repeat;
}
#infoClauGrup{
    color:#333;
    float:left;
    margin-top: 5px;
}
.descripcioUsuari{
    float: left;
    padding-top: 15px;
    color: #4d4d4d;
    width: 480px;
    height: 20px;
    max-width: 480px;
    overflow: hidden;
}
#categoriaAdmin{
    float:right;
    padding-right: 10px;
    padding-top: 15px;
    display: none;
}
#permetUsuaris{
    cursor: pointer;
    color: #4D4D4D;
}
#permetUsuaris:hover span{
    text-decoration: underline;
}
#permetUsuaris:hover .meusAlumnes{
   background-position: -16px 0px;
}
.etiquetar{
    float: left;
    width: 16px;
    height: 16px;
    display: block;
    background-color: #999;
    margin-right: 5px;
}

#container_recursos_llibre *, ::after, ::before{
    box-sizing: content-box;
}

#contingut_recursos_apartat *, ::after, ::before{
    box-sizing: content-box;
}