div#admin_menu_lateral{
    width: 130px;
    float: left;
}

div#admin_menu_lateral .admin_menu_lateral_opcio{
    float: left;
}

div#admin_menu_lateral .admin_menu_lateral_opcio a{
    float: left;
    display: block;
    width: 130px;
    height: 25px;
    padding: 10px 0px 0px 10px;
    background: #FAFAFA;
}

div#admin_menu_lateral .admin_menu_lateral_opcio a:hover{
    background: #ACA;
}

div#admin_centre{
    float: left;
    width: 810px;
    margin: 0px 0px 0px 20px;
}

div.admin_menuBox{
    float: left;
    width: 128px;
    height: 150px;
    margin: 5px;
    cursor: pointer;
    padding: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.admin_menuBoxImage{
    float: left;
    border: none;
    clear: both;
}

.admin_menuBoxText{
    float: left;
    clear: both;
    text-align: center;
    width: 100%;
    color: #335;
    font-weight: bolder;
}

.admin_navbar{
    width: 900px;
    margin: 0 auto;
    padding: 0px 0px 10px 0px;
    height: 20px;
    background: #EEE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

   /* margin: 0px 0px 20px 0px;*/
}

.admin_navbar_op{
    padding: 7px 25px 5px 5px;
    margin: 0px 0px 0px 15px;
    cursor: pointer;
    font-size: 13px;
    color: #333;
    font-weight: bolder;
    background-image: url(../img/navBarArrow.png);
    background-position: right;
    background-repeat: no-repeat;

    height: 20px;
    width: 150px;
    float: left;

}

.admin_navbar_op a{
    display: block;
    float: left;
    height: 20px;

    color: #A55
}

a.boto_afegir{
    display: block;
    background: #EEE;
    border: 1px solid #999;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px 5px 10px;
    color: #55A;
    font-weight: bolder;
    font-size: 12px;
    width: 100px;
    clear: both;
    text-align: center;
    margin: 0px 0px 20px 0px;
}

a.eliminar{
    color: #400;
    font-style: italic;
    font-size: 9px;
}
table.llista{
    width: 100%;
}
td.head{
    background: #555;
    color: #FFF;
    font-weight: bolder;
    padding: 0px 0px 0px 10px;
    height: 20px;
 }

td.action_icon{
    width: 30px;
}

table.llistaProductes{
    width: 100%;
}
table.llistaProductes tr.row:hover{
    background: #EEE;
}

div.fotoGrid{
    float: left;
    width: 100%;
    clear: both;
    margin: 5px 0px 0px 15px;
}

div.fotoBox{
    float: left;
    width: 128px;
    border: 1px solid #DDD;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    margin: 5px;
}
div.fotoBox div.titolfoto{
    padding: 0px 2px 2px 3px;
    float: left;
    font-size: 12px;
    color: #000;
    font-weight:normal;
}

div.fotoBox div.delete{
    float: right;
    color: #900;
    font-weight: bolder;
    cursor: pointer;
}

div.fotoBox div.foto img{
    width: 128px;
    height: 96px;
    float: left;
}

div.fotoBox div.foto{

}

div.List{
    float: left;
    margin: 5px 5px 10px 5px;
    width: 100%;
}

div.List table{
    width: 100%;
}

div.List table tr td.icon{
    width: 24px;
    text-align: center;
}
div.List table tr td.icon img{
    width: 24px;
}

div.List table tr td.size, th.size{
    width: 60px;
    text-align: right;
}
div.List table tr td.options, th.options{
    width: 65px;
    text-align: right;
}

div.List table tr td.options div.eliminar, div.modificar{
    float: right;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
}
div.Row{
    float: left;
    width: 100%;
    height: 23px;
    margin: 5px 0px 3px 0px ;
}

div.Row div.icon{
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px 5px 0px 5px;
}

div.Row div.icon img{

    width: 24px;
    height: 24px;

}
div.Row div.title{
    float: left;
    padding: 3px 5px 5px 10px;
    vertical-align:bottom;

}

div.Row div.title a{
    background-image: url(../img/download.png);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 28px;
    height: 23px;
    display: block;
}

div.Row div.fileSize{
    float: right;
    width: 100px;
    padding: 5px 5px 0px 5px;
}


div#showFormAddFoto{
    cursor: pointer;
    margin: 0px 0px 0px 15px;
}

div#hideFormAddFoto{
    cursor: pointer;
    display: none;
    margin: 0px 0px 0px 15px;
}

div#showFormAddLink{
    cursor: pointer;
    margin: 0px 0px 0px 15px;
}

div#hideFormAddLink{
    cursor: pointer;
    display: none;
    margin: 0px 0px 0px 15px;
}

div#formAddFoto{
    display: none;
    border: 1px solid gray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px 10px 0px;
    padding: 10px;
}

div#showFormAddDoc{
    cursor: pointer;
    margin: 0px 0px 0px 15px;
}

div#hideFormAddDoc{
    cursor: pointer;
    display: none;
    margin: 0px 0px 0px 15px;
}

div#formAddDoc{
    display: none;
    border: 1px solid gray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px 10px 0px;
    padding: 10px;
}

div#formAddLink{
    display: none;
    border: 1px solid gray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px 10px 0px;
    padding: 10px;
}
div.blocDades {
    float: left;
    width: 300px;
    margin: 0px 0px 15px 0px;
}

div.franjaDades{
    float: left;
    width: 100%;
    clear: both;
    margin: 0px 0px 10px 0px;
}

div.blocDades dt{
    float: left;
    margin: 0px;
    padding: 0px;
}


div.blocDades dd{
    float: left;
    margin: 0px;
    padding: 0px;
}

div.blocDades select{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    height: 22px;
}

div.blocDades div.titol{
    font-weight: bolder;
    color: #A00;
    font-size: 14px;
}

div.franjaDades div.titol{
    font-weight: bolder;
    color: #A00;
    font-size: 14px;
    margin: 15px 0px 0px 0px ;
}

a.optionButton{
    display: block;
    background: #DDD;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #AAA;
    width: 60px;
    float: left;
    text-align: right;
    height: 20px;
    padding: 2px 10px 0px 0px;
    color: #666;
}

div.cercador{
    float: left;
    width: 700px;
    margin: 0px 0px 15px 23px;
}

#cercaText{
    width: 620px;
}


form#descarregues dt{
    float: left;
    width: 100px;
    margin: 5px;
    text-align: right;
    font-weight: bolder;
}

form#descarregues dd{
    float: left;
    margin: 5px;
}

form#descarregues dt#desar-label{
    display: none;
    width: 0px;
}
form#descarregues dd#desar{
    width: 70px;
    margin: 0px 0px 0px 3px;
    text-align: left;
    float: left;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

textarea#descripcio{
    height: 200px;
    width: 770px;
}