@import url(https://fonts.googleapis.com/css?family=Sniglet);
@import url(https://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1;width:100%} /* For IE 6/7 (trigger hasLayout) */

body {
    margin:0px;
    font-family:Muli, sans-serif;
    font-size:12px;
    color: #7c2dc7;
    border-top:2px #7c2dc7 solid;
    overflow:hidden;
}
.mainsize {
    max-width:980px;
    min-width:450px;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}

strong, b{
    font-weight: bold;
}
i, em {
    font-style:oblique;
}
.pull-right {
    float:right;
}
.pull-left{
    float:left;
}
.centrat {
    text-align:center !important;
}
.dereta {
    text-align:right !important;
}
.esquerra {
    text-align:left !important;
}
.lilafosc {
    color:#7c2dc7;
}
.lilaclar {
    color:#ae79e1;
}
p {
    margin-bottom:1.5em;
    margin-top:0px;
    font-family: Muli, sans-serif !important;
}

h1,h2,h3,h4,h5,h6,caption {
    font-family: 'Raleway' !important; /*'Sniglet' !important;  */
    font-weight:600 !important;
    /*color:#f07087 !important;*/
}

img {
    display:block;
} 

#logo{
    display:inline-block;
    margin-left:10px;
    margin-top:5px; 
    width:auto;
    height:140px;
    border:0px;
    position:absolute;
    z-index:1;
}

.izoom {
    cursor:url(../img/zoom.png),pointer;
}
#tancap {
    position:absolute;right:-10px;top:-10px;font-size:19px;color:#7C2DC7;cursor:pointer;font-weight:bold;z-index:1001;background:#fff;border-radius:20px;
    width:20px;height:20px;text-align: center;border:2px #7C2DC7 solid;line-height:19px;padding-bottom:0px;
}
#tancap:hover {
    color:#f88;    
}

.prediv {
    display:inline-block;margin:5px;height:125px;width:125px;text-align:center;overflow:hidden;
    position:relative;box-shadow:0px 0px 10px #555;
}
.prefile {
    height:80px;width:auto;display:inline;margin-top:5px;
}
.pretext {
    resize:none;border:0;background:transparent;width:118px;height:45px;overflow:hidden;margin:0;pading:0;
    font-size:11px;font-family: arial,sans-serif;text-align:center;
}
.prevupli {
    width:auto;height:auto;max-width:110px;max-height:75px;margin-top:5px;display:inline;
}
.preext {
    position:absolute;top:57px;right:25px;color:white;background:#333;padding:2px;font-size:13px;line-height:13px;
    max-width:50px;height:12px;overflow:hidden;text-overflow:ellipsis;
}

/* states and images */
.iconnegre {
    width:16px;
    height:16px;
    display: inline-block;
    margin-right:5px;
}
.ui-widget-content .ui-icon, .iconnegre {
    background-image: url(../gestio/css/images/ui-icons_222222_256x240.png);
}
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }

.tancat {
    position:absolute;top:-15px;right:-15px;width:25px;height:25px;padding:0px;border:0px solid;z-index:152;
    box-shadow:1px -1px 10px #333;background:#fee;color:#777;
    font-weight:bold;font-size:25px;line-height:25px;text-align:center;border-radius:15px;cursor:pointer;
}
.tancat:hover {
    color:#d88;
}
/*ARBRE*/

.dbranca, .dbrancas {
    border-left:1px #ddd solid;padding-left:10px;margin-left:11px;
}
.node, .nodes {
    display:block;width:auto;padding:0 2px 0 1px;border:1px #fff solid;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.node:hover, .nodes:hover, .nodeact {
    cursor:pointer;
    background:#F1E8FA;border:1px #D0B1ED solid;
}
.iconbr, .iconbrs {
    display:inline-block;vertical-align:-7px;
}

/* CONTROL */
.icontrol {
    vertical-align:bottom;
}
.bcontrol, .acontrol {
    text-align:center;display:block;margin:3px 5px 0 0;cursor:pointer;padding:1px 6px 1px 6px;width:40px;height:30px;
}
input.titol, .inpcontrol {
    color:inherit;font-family:muli;background:#FfEeFf;border:0;border-bottom:1px #D0B1ED solid;padding:2px;font-size:13px;    
}
.inpcontrol {
    font-size:12px;
}
.candau {
    height:22px;margin-top:6px;display:inline;vertical-align:-5px;cursor:pointer;
}

/* Centre */
.cenobj {
    float:left;margin:10px;padding:2px;height:140px;width:120px;text-align:center;box-shadow:0 0 10px #666;position:relative;cursor:pointer;
}
.cenobj:hover, .objact {
    box-shadow:0 0 3px #888 !important;    
}
.objact {
    background:#eee;
}

/* Finestra uploads */
#uplrutacarp {
    white-space:nowrap;
}

/*Login*/
fieldset {
    background:#efefef;border:1px #D0B1ED solid;border-radius:10px;width:390px;margin-left:auto;margin-right:auto;padding:15px;
}
.login {
    text-align:left;margin:3px auto 3px auto;display:block;width:390px;
}
.login > input {
    width:150px;padding:4px;border-radius:5px;border:1px inset;outline:none;margin-left:8px;font-family:Muli;font-size:14px;
}
.login > button {
    font-family:Muli;font-size:14px;color:#7C2DC7;margin-top:15px;
}
.login > label {
    width:200px;text-align:right;display:inline-block;
}
.label {
    color:#fff;
    padding:5px 15px 5px 15px;
    border-radius:6px;
}

.e {
    background:#c77;
}
.i {background:#55c;}