.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:0;color:#7c2dc7;overflow:auto}

strong, b {
    font-weight: bold;
}
i, em {
    font-style:oblique;
}
/* Login */
tr,body,input,select,textarea
                {font-size:14px;font-family:arial}

input.text      {color:#7c2dc7;padding:.8em;border:none;outline:none;background:#eee;margin:.5em 0;border-radius:10px;font-family:arial;width:200px;font-size:15px}

/**/
.mainsize {
    width:100%;
    max-width:1000px;
    margin:0 auto;
    position:relative;
}
#capca {
    postition:fixed;
    width:100%;
    height:60px;
    top:0;
    left:0;
    background:#fff;
    border-radius:0 0 10px 10px;
    box-shadow:0 0 15px #777;
}
a.capca {
    margin-left:15px;
}
a.capca>img {
    width:25px;height:auto;
}
a.ultim {
    margin-left:0 !important;
}
h2, h3 {
    font-size:1.5em;
    font-weight:bold;
    margin:.3em 0 0em 0;
    padding:0 2% 0 .3em;
    border-bottom:1px solid;
}

h2.acord{
    cursor:ns-resize;
}

h2.acord::before {
    content: "► ";
}
h2.acord.open::before {
    content: "▼ ";    
}
/* Aux */
h2.titaux {
    margin:1em 0 0 0; 
    font-size:1.2em; 
}

.subtitol {
     font-size:1em;font-weight: normal;background:#7c2dc7;padding:1px;height:40px;
}

h3 {
    font-size:1.2em; 
    color:#fff;   
    background:#7c2dc7;
    padding:.0 .1em;
    border-bottom:0;
    border-radius:8px 8px 0 0;
    text-align:center;
}

#intaux p {
    padding:.5em 0;
}
#intaux textarea {
    width:96%;
    margin:0;padding:2%;
    font-family:arial,sans-serif;
    font-size:1em;
    color: #7c2dc7;
    display:block;
    background:#eee;
    min-width:3em;
    border-radius:5px;
    border: 1px #e0ccf4 solid;
    outline:none;
    resize:none;  
}


/* Disponibilitat*/

.delDisp:hover {
    color:red;
    cursor:pointer;
}
/*Forms*/

.form {
    position:relative;
    margin:2em 1%;
    border-bottom:1px dotted;
}

.form:hover {
    border-style: solid;
}

.dinput {
    border:0;outline:0;font-size:inherit;font-family:inherit;background:transparent;color:inherit;width:100%;
}
.camp {
    
}

button, .boto {
    border-radius:7px;
    padding:.7em 1.5em;
    display:inline-block;
    box-shadow:0px 0px 4px #999;
    border:0;
    outline:0;
    font-family:arial,sans-serif;
    font-size:14px;
    color: #7c2dc7;
    cursor:pointer;
    background:#ccc;
    margin:0;
}
button:hover {
    background:#eee;
}

button>img {vertical-align:-5px;height:20px}


select.hora {
    width:80px;position:relative;margin:0 15px 0 -85px;opacity:0;
    border:0;outline:0;padding:0;background:transparent;font-size:18px;color:#7c2dc7;
}

h2 button {
    margin-top:-15px;
    float:right;
    border-radius:7px 7px 0 0;
}

.cinput {

    margin:0;padding:.85em;
    font-family:arial,sans-serif;
    font-size:1em;
    color: #7c2dc7;
    display:block;
    background:#eee;
    width:40%;
    min-width:3em;
    border-radius:7px 7px 0 0;
    border:0;
    border-bottom: 0px dotted;
    outline:none;
    float:right;
}

.label {
    display: inline-block;
    position:absolute;
    left:0;
    bottom:0;
    padding: 1.5em 0 .3em .5em; 
    font-weight:bold;   
}
.label>div {
    font-style:oblique;
    font-size:.85em;
    margin:.3em 0 0 .2em;
    padding:0; 
    font-weight:normal;
    color: #b72dc7;
}

textarea {
    resize:none;
}

/*Dietari**/
a.cp {
    text-decoration:none;
    color:#222;
}
a.cp:hover {
    color:#555;
}

.cHoraEsp {
    width:20px;height:15px;padding-top:4px;text-align:left;font-size:11px;cursor:pointer;
}

.horaDiet {                                            
    color:#ffc;font-size:14px;text-decoration:underline;
}

.calBlock {
    height:80px;width:100%;overflow:hidden;position:relative;
}
.calHora {
    float:left;width:50px;height:74px;border-bottom:1px #9bf solid;padding-top:5px;font-size:30px;text-align:center;
}
.calWrapBlock {
    width:100%;height:20px;margin-left:50px;position:relative;
}
.calWrapBlock:hover {
    background-color:#7C2DC7 !important;
    color:#fff;
}
.calLinHora {
    position:absolute;top:0;margin-left:20px;width:100%;height:17px;padding:1px 0px;text-align:left;opacity:.9;
}
.calCita {
    position:absolute;border-radius:12px;box-shadow: 0 0 15px #666;
}
.calTxtCita {
    margin:.5em 1em .5em 1.2em;font-size:13px;line-height:140%;overflow-y:auto;overflow-x:hidden;color:#ddf;text-shadow:1px 1px 1px #333;
}

.citaEditable {
    cursor:pointer;
}
.nomActDiet {
    color:#fff;
}

#loader {display:none;position:absolute;background:rgba(255,255,255,.8);z-index:1000;top:0;bottom:0;left:0;right:0}
#loader>img {display:block;width:42px;height:auto;margin:30% auto 0 auto}

#tapa {position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(255,230,255,.9);z-index:100;display:none}

#aux {max-width:90%;min-width:300px;width:50%;display:inline-block;padding:0 2% 2% 2%;height:60%;background:#fff;border-radius:10px 0px 10px 10px;box-shadow:0 0 20px #777;position:relative}

#tancaAux {position:absolute;right:-1px;top:-1px;width:20px;height:20px;cursor:pointer}

.cxdia {height:25px;position:absolute;top:2px;cursor:pointer;}

#dataLit {display:inline-block;margin:.4em 0;;cursor:pointer;}

#contDiet {position:relative;background:#eee;padding:0px;height:501px;overflow-y:scroll;overflow-x:hidden}

#Deh, #Ah, #tDia {width:40px;font-size:18px}