p#vtip {
    display: none; 
    position: absolute; 
    padding: 5px; 
    left: 5px; 
    font-size: 0.75em; 
    background-color: #666666; 
    border: 1px solid #666666; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    z-index: 9999;
    color:white 
}

p#vtip #vtipArrow { 
    position: absolute; 
    top: -10px; 
    left: 5px 
}

.ok{
    border:1px dotted green;
    color:green;
    padding:10px
}

#agenda{
    //text-align:center;
    margin:10px;
    width:100%;
    margin:0 auto;

}
#agenda h1{
    text-align:left;margin:0;font-size:1.5em;color:#312c2b}
#agenda h2{
    text-align:left;margin:0;font-size:1em;color:#969696}
#agenda table.calendario {
    margin:10px auto;
    width:100%;
    border:1px dotted #ccc;
    font-size: x-small;
}

.calendario th {
    border:1px dotted #ccc;
    font-weight:bold;
    background:#82BE30;
    color:white;
    padding:10px 5px;
    text-align:center;
}
.calendario td{
    padding:10px 5px;
    text-align:center;
    vertical-align:top;
    border:1px dotted #ccc;
    width:100px;
    white-space:pre-line;
}
.calendario td p{
    margin:5px;
    font-size: small;
    border:1px solid #ccc;
    text-align:left;
    padding:5px;
    font-size: 0.7em;;
}
.calendario td.desactivada {
    background:#dcdcdc;}
.calendario td.activa {
    background:#ffffff;}
.calendario td.evento {
    background-color:#FAFAFA;
    
}
.calendario td.hoy{
    font-weight:bold;
    border:1px solid #000000;
    background-color:#defcf1;
}
.actividadAsignada{
    color:#C0675D;
}

.actividadEtiquetada{
    color:#4476E4;
}

.calendario form{
    margin:5px 0 !important}
.calendario input.text{
    border:1px dotted #ccc;background:white;width:200px !important}
.calendario input.enviar{
    border:1px dotted #ccc;background:white;width:70px !important;background:#ccc;margin:0 0 0 10px;}
.calendario td img{vertical-align:middle;float:right;border:0;width:16px;height:16px}
.vtip{cursor:pointer;}
.verde{font-size:125% !important;font-weight:bold;color:green;}
.rojo{font-size:125% !important;font-weight:bold;color:red;}

#cabezera{
    background-image: url(../SSPF/images/fondo.png);
    height: 150px;
}

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
    font-size: x-small;
}

.asigna{
    font-weight:bold;
    text-decoration: underline;
}