#diasSemana{ font-size:17px; color:#000000; width:auto; margin-bottom:35px; display:block; }
#diasSemana a{ font-weight:bold; font-size:12px; height:20px; line-height:20px; color:#000000; padding:4px; border:#ccc 1px solid; float:left; clear:right; margin:5px 5px 5px 0px; }
#diasSemana a:hover{background-color:#FFD389; border-color:#000;}
#diasSemana a.sel{ background-color:#F9FCD8; border-color:#FF9C00;}
#diasSemana select{ font-size:16px; color:#000000;  border:#ccc 1px solid; float:left; clear:right; margin:5px 5px 5px 0px; }

#loadingAgenda, #loadingAgendaPos{background-color:#FF0000; position:absolute; padding:5px; left:0px;color:#FFFFFF; visibility:hidden; display:none;}
#agenda{z-index:1;}
#agenda ul{ margin:0px; padding:0px;margin-left:0px;list-style:none;border-bottom:#93b63b 1px solid;background-color:#edeeeb;}
#agenda li{ margin:0px; padding:0px;border-right:#93b63b 1px solid;	border-top:#93b63b 1px solid; padding:1px;
	padding-left:4px;padding-right:7px;line-height:20px;cursor:default;}
#agenda li:hover{ background-color:#c8f8c7; cursor:pointer;}
#agenda ul.horas{float:left; width:8%;}
#agenda ul.horas li{font-size:18px; line-height:30px; height:129px; border-left:#93b63b 1px solid; text-align:right;}
#agenda ul.tareas{float:left; width:91%; }
#agenda ul.tareas li{font-size:10px; height:30px;}

#agenda ul li.data,#agenda ul li.activodata{margin:0px; padding:0px; border:0px; height:33px; font-size:12px; }
div.data,div.datamake{ z-index:100; background:#FFFFFF;	border-left:#0066CC 8px solid;border-bottom:#000 1px solid;border-right:#000 1px solid;border-top:#000 1px solid; line-height:30px;overflow:hidden; height:30px; text-indent:8px; }
#agenda #data:hover{background-color:#F2F2F8; border-color:#0066CC;}
#agenda li.activo{background-color:#F9FCD8; border-color:#FF9C00;}
#agenda li.activodata div{background-color:#F9FCD8;  border-color:#FF9C00;}
div.datamake{background:#e5e5e5; color:#737373;}
#agenda ul li span{ display:none;}


/******************************* agenda semanal******************************************/


#agenda div{ margin:0px; padding:0px;margin-left:0px;list-style:none; }

#agenda div.horas{float:left; width:8%; border-bottom:#93b63b 1px solid;}
#agenda div.horas div.numhora{font-size:18px; line-height:30px; height:129px; border-left:#93b63b 1px solid; text-align:right;}
#agenda.semanal div.horas { width:4%;  }
#agenda.semanal div.horas div.numhora { margin:0px; padding:0px;border-right:#93b63b 1px solid; border-top:#93b63b 1px solid; height:131px;  font-size: 11px; text-align: center;}

#agenda div.tareas{float:left; width:91%; border-bottom:#93b63b 1px solid; }
#agenda div.tareas div.block{font-size:10px; height:30px;}
#agenda div.tareas div:hover{ background-color:#c8f8c7; cursor:pointer; height: 32px;}

#agenda div.tareas div.data,
#agenda div.tareas div.activo,
#agenda div.tareas div.activodata,
#agenda div.tareas div.datamake {margin:0px; padding:0px; border:0px; height:32px; font-size:12px; border-left:#0066CC 2px solid; background-color: #fff; display:block;}
#agenda div.tareas div.datamake { background-color: #ddd;} 
div.datamake{ z-index:100; background:#FFFFFF; border-left:#0066CC 8px solid;border-bottom:#000 1px solid;border-right:#000 1px solid;border-top:#000 1px solid; line-height:30px;overflow:hidden; height:30px; text-indent:8px; }
#agenda div.tareas div.activo {background-color:#F9FCD8; border:none; height: 33px; }
div.datamake{background:#e5e5e5; color:#737373;}
#agenda div.tareas div.data div.accionesTareas { display: none;}
#agenda div div span{ display:none;}


#agenda.semanal div.tareas { float:left; width:16%;  }
#agenda.semanal div.tareas div.block,
#agenda.semanal div.tareas div.nodata { height:32px; padding: 0px; margin:0px; border-right:#93b63b 1px solid;	border-top:#93b63b 1px solid; background-color:#edeeeb;}

#agenda div.nombreDiaSemana { float:left; width:16%;  border:0px; }
#agenda div.nombreDiaSemana div { width:99%; padding:0px; max-height:32px; height:32px; background-color: #FFF; border:0px; text-align: center; line-height:30px;}



/************************************************************************/





/* capa superpuesta con el detalle de la tarea */
#overShowTarea{
	background:#FFFFFF;	border-left:#0066CC 8px solid;border-bottom:#000 1px solid;border-right:#000 1px solid;border-top:#000 1px solid;
	line-height:30px; width:60%; height:auto; padding:20px; padding-top: 50px;}
#overShowTarea span{margin-left:40px;}
#overShowTarea a.cerrar{ color:#085F72;text-align:center; position:absolute; top:10px; background-color:#DCEEF2; padding:3px 0px 3px 0px; font-size:14px;  font-weight:bold; display:block; border:#085F72 1px solid; width:95%;}
#overShowTarea a.cerrar:hover{border-color:#CF330D; background-color:#FCE4DE; color:#000000;}

#overShowTarea span a{color:#CF330D; border:#CF330D 1px solid; padding:3px;background-color:#FFFFFF;}
#overShowTarea span a:hover{ background-color:#FCE4DE;}

#overShowTarea hr{height:1px; color:#A6C5D2;}

#overShowTarea div.pendiente{background-color:#fbfffb; width:80%; margin:0px; padding:1%; position:relative; float:left;}
#overShowTarea div.realizada{background-color:#f1efef; color:#9b9b9b; width:80%; margin:0px; padding:1%; position:relative; float:left;}
#overShowTarea div.realizada:hover{color:#000000;}
#overShowTarea div.accionesTareas{ margin-left:1%; width:17%; position:relative; float:left;}
/* antiguos navegadores */
*html #agenda{background-color:#0033CC;}
*html #agenda ul.horas{width:10%;}
*html #agenda ul.tareas{ width:auto;}


/********** vista de tareas **********/
div.bx{ width:3%; float:left; height:auto; overflow:hidden; padding-top:7px;}
div.tx{ width:94%; float:left; padding:10px; padding-left:5px; display:block; overflow:hidden;}
div.tarAgenPen, div.tarAgenRel{ width:100%; position:relative;background-color:#FFFFFF; color:#000000; color:#000066; border-bottom:#E9E9E9 1px solid; margin-bottom:2px;  margin-top:2px; overflow:hidden;}
div.tarAgenRel{background-color:#F7F7F7; color:#666666; border-bottom:#999999 1px solid; }
div.tarAgenRel:hover{color:#000000;}
div.tarAgenPen{ border-left:#FF3300 2px solid; background-color:#FFEBEA;}
div.tarAgenPen span, div.tarAgenRel span {margin-top:10px; margin-left:35px; display:block;}
div.tarAgenPen span a, div.tarAgenRel span a{color:#CF330D; border:#FDDFDB 1px solid; padding:3px; background-color:#FFFFFF;}
div.tarAgenPen span a:hover, div.tarAgenRel span a:hover{ background-color:#FCE4DE;}
.colorRojoFondo{ color:#fff; background-color:#FF3300; padding-left:3px; padding-right:3px;}
.colorRojoFondo:hover{color:#FFFF00;}