#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{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:#00B6E2 1px solid;background-color:#EBF3F6;}
#agenda li{ margin:0px; padding:0px;border-right:#00B6E2 1px solid;	border-top:#00B6E2 1px solid;font-family:Arial, Helvetica, sans-serif;padding:1px;
	padding-left:4px;padding-right:7px;line-height:20px;cursor:default;}
#agenda li:hover{ background-color:#C7EBF8; cursor:pointer;}
#agenda ul.horas{float:left; width:8%;}
#agenda ul.horas li{font-size:18px; line-height:30px; height:129px; border-left:#00B6E2 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{ 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;}

/* 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;}
#overShowTarea span{margin-left:40px;}
#overShowTarea a.cerrar{ color:#0095B9; position:absolute; right:10px; top:10px; background-color:#DCEEF2; padding:10px; font-size:17px; display:block; border:#0095B9 1px solid;}
#overShowTarea a.cerrar:hover{border-color:#CF330D; background-color:#FCE4DE; color:#000000;}

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

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


/* 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;}