html { overflow-y:scroll }
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333 }
h1, h2, p, li, dl, dt, dd, form, label, img { margin:0px; padding:0px; border:0px }
input, select, textarea { float:left; margin:0px 3px 3px 0px; font-size:11px; font-family:Arial, Helvetica, sans-serif }
label { float:left; padding-top:2px; margin:0px 3px 3px 0px; cursor:pointer }
input.text { border:1px solid #bbb; height:16px }
textarea { border:1px solid #bbb }
table { font-size:11px }
ul { margin:0px 16px; padding:0px }
li { margin-bottom:2px }
a { color:#666 }
a:hover { color:#000 }

#root { padding:5px 10px 20px; min-width:755px; font-size:11px }
#header { width:100%; margin:0px }
#header h1 { font-size:14px; float:right; padding:10px 10px 0px }
#subheader { width:99%; clear:both; margin:2px 0px 10px; font-size:12px; background:#CAD8E9; padding-top:6px; padding-right:10px; }
#content { padding-left:265px }
#leftcol { float:left; width:250px; background:#fff; position:absolute; margin-bottom:25px }
#gridContainer { float:left; width:100%; margin-bottom:50px }
/*
#header.hred b { border-color:#666; background:#181818 url(admin/backheader.gif) repeat-x bottom; color:#fff }
*/
#header.hred b {border-color:#FFFFFF; border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#FFFFFF; background:#181818 url(admin/backheader.gif) repeat-x bottom; color:#fff;}



h1.titles { font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000 }

.menu { width:100%; clear:both }
.menu dt { font-size:13px; margin:0px 0px 2px }
.menu dt b b { background:url(admin/tabopen.gif) no-repeat 2px 3px }
.menu dt b b b { background:none; padding-left:20px }
.menu dt.button { float:none }
.menu dt.open b { border-color:#727272; background:#5e5e5e url(admin/tabback.gif) repeat-x bottom }
.menu dt.open b b { background:url(admin/tabclose.gif) no-repeat 2px 3px }
.menu dt.open b b b { color:#fff }
.menu dt.requesting b b { background:url(extras/xhr.gif) no-repeat 2px 3px }
.menu dt.requesting b b b { background:none }
.menu dd { margin:0px 1px 25px; display:none }
.menu dd a { display:block; border-bottom:1px dotted #666; padding:3px 0px; text-decoration:none; color:#666 }
.menu dd a:hover { color:#000; display:block }

.button {	float:left; margin:0px 3px 3px 0px; white-space:nowrap; text-decoration:none }
.button b { font-weight:normal; cursor:pointer; color:#555; display:block; margin:0px 1px; padding:1px 0px; border:solid #bbb; border-width:1px 0px; background:#f9f9f9 url(admin/btnback.gif) repeat-x bottom }
.button b b { background:none; margin:-1px; border-width:0px 1px }
.button b b b { margin:0px; padding: 1px 8px; border-width:0px }
.button:hover b { border-color:#888 }
.button.disabled b {  color:#999; cursor:default; border-color:#ccc }
.button.disabled:hover b { border-color:#ccc }
.button.left b b b { background:url(admin/arrow-left.gif) no-repeat center center }
.button.right b b b { background:url(admin/arrow-right.gif) no-repeat center center }
.button.search b b b { background:url(admin/ico-search.gif) no-repeat center center }
/*
.hint {	margin-bottom:15px }
.hint h2 { font-size:14px; margin-bottom:3px }
.hint b { position:relative; font-weight:normal; display:block; margin:0px 1px; padding:1px 0px; border:solid #ede4b2; border-width:1px 0px; background:#fff9d7 }
.hint b b { background:none; margin:-1px; border-width:0px 1px }
.hint b b b { margin:0px; padding: 1px 4px; border-width:0px }
.hint b b b b { display:inline; font-weight:bold; padding:0px; z-index:999 }
.hint .close { background:url(admin/hintclose.gif) no-repeat; width:15px; height:15px; float:right; cursor:pointer }
.hother b { border-color:#999; background:#e2e2e2 url(admin/hother.gif) repeat-x bottom }
.hmenu { margin:10px 0px 0px }
.hred b { border-color:#f8c3c3; background:#ffe5e0 }
.hred h2 { color:#a12f2f }
.hred .close { background:url(admin/hintclosered.gif) no-repeat }
*/

/* No bordes redondeados ****************/
.hint {	margin-bottom:15px }
.hint h2 { font-size:14px; margin-bottom:3px }

.hint b { position:relative; font-weight:normal; display:block; margin:1px 1px; padding:1px 1px; border:solid #ede4b2; border-width:1px 0px; background:#fff9d7 }

.hint b b { background:none; margin:-1px; border-width:0px 1px }
.hint b b b { margin:0px; padding: 1px 4px; border-width:0px }
.hint b b b b { display:inline; font-weight:bold; padding:0px; z-index:999 }
.hint .close { background:url(admin/hintclose.gif) no-repeat; width:15px; height:15px; float:right; cursor:pointer }
.hother b { border-color:#999; background:#e2e2e2 url(admin/hother.gif) repeat-x bottom }
.hmenu { margin:10px 0px 0px }
.hred b { border-color:#f8c3c3; background:#ffe5e0 }
.hred h2 { color:#a12f2f }
.hred .close { background:url(admin/hintclosered.gif) no-repeat }
/****************************************/



.panel { float:left; width:100%; background:#f5f5f5 }
.panel .inner { padding:5px; border:1px solid #ddd }

.header { float:left; width:100%; border-bottom:4px solid #333 }
.header p { float:left; margin:0px 10px; padding-top:2px }
.header h1 { font-size:12px; color:#fff; margin:0px; padding:0px; float:left }
.header h1 b { display:block; margin:0px 1px; padding-top:1px; border:solid #555; border-width:1px 0px 0px; background:#333 }
.header h1 b b { background:none; margin:-1px -1px 0px; border-width:0px 1px }
.header h1 b b b { margin:0px; padding:1px 10px; border-width:0px }
.header .button { float:right; margin:0px; margin-left:3px; display:block; width:110px }
.header .button b b b { padding-top:0px !important; padding-bottom:0px !important; font-size:11px !important; text-align:center }

.status { float:right }
.status p { float:left; margin:0px; padding-top:2px }
.status .button { margin:0px; width:20px }
.status .button b b b { padding:0px 8px 0px }
.status .left { margin-right:8px }
.status .right { margin-left:8px }
form .status .button { width:75px; text-align:center; margin-left:5px }

.navigator { float:right }
.navigator label { margin:0px 5px }
.navigator select { margin:0px }
.navigator #rowStart { width:25px }
.searchbox { float:left; margin-right:20px }
.searchbox .query { width:100px }

.grid { float:left; width:100%; background:#fff; margin-top:-1px }
.grid th { background:#e5e5e5; text-align:left; border:1px solid #bbb; border-left:0px; cursor:default; vertical-align:bottom }
.grid th.ops { width:50px; border-left:1px; background:#ccc; padding:3px }
.grid th.count { width:20px; background:#ccc; padding:3px; text-align:center }
.grid th.fixed { padding:3px }
.grid th a { font-size:11px; display:block; padding:0px 5px 0px; font-weight:normal; text-decoration:none; color:#333; border-bottom:2px solid #e5e5e5 }
.grid th a:hover { border-color:#bbb }
.grid td { text-align:left; border:1px solid #ddd; border-width:0px 1px 1px 0px; padding:5px; vertical-align:top }
.grid td.ops { width:50px; border-left:1px; background:#eee; padding:3px 5px }
.grid td.ops img { margin:0px 2px }
.grid td.count { width:20px; background:#eee; text-align:center }
.grid .odd td { background:#f0f0f0 }
.grid .odd td.ops { background:#d9d9d9 }
.grid .odd td.count { background:#d9d9d9 }
.grid th a.sasc { border-color:#333; background:url(admin/arrow-down.gif) no-repeat right center }
.grid th a.sdesc { border-color:#333; background:url(admin/arrow-up.gif) no-repeat right center }
.grid.hint { margin:5px 0px }
.grid .grayed td { color:#999 }
.grid .highlighted td { color:#339 }
.grid .cursive td { font-style:italic }
.grid .control { padding:2px 5px 0px }
.grid .aright { text-align:right }

.login { width:600px; margin:0px auto }
.login label { width:120px }
.login .text { width:208px }
.login .hint.login { float:left; width:242px; margin:0px 8px 8px 0px }
.login .hint.login b b b { height:99px }
.login .hint.hred { clear:both }
.login .form { float:left; width:350px }

.input { float:left; margin-right:5px; margin-bottom:7px }
.input label { margin:0px; padding:0px }
.input .text { clear:both; width:175px; margin:0px }
.input select { clear:both }
.input textarea { clear:both }
.input .combobox { clear:both }
.input .listbox { clear:both }
.input .note { clear:both; color:#666; margin:0px; font-size:11px }

.cbox { float:left; display:block; margin:0px 3px 3px 0px; position:relative; width:150px; height:15px }
.cbox label { cursor:pointer; float:left; margin:0px; padding:0px 0px 0px 18px }
.cbox input { position:absolute; left:0px; top:0px; cursor:pointer; float:left; margin:0px; padding:0px; width:16px; height:16px }
.combobox { float:left; width:130px; height:18px; background:#fff; margin-bottom:2px; border:1px solid #bbb; position:relative }
.combobox .text { position:absolute; width:100%; left:1px; top:1px; height:17px; border:0px; padding:0px; margin:0px; z-index:1; border-bottom:1px solid #ccc }
.combobox .button { cursor:pointer; position:absolute; right:-1px; top:-1px; background:url(extras/combobox.gif) left top; z-index:2; margin:0px; width:17px; height:18px; border:1px solid #ccc; border-left:0px }
.combobox .options { position:absolute; left:-1px; right:-1px; width:100%; top:20px; border-top:0px; z-index:3; border:1px solid #bbb; background:#fff; overflow:auto; overflow-y:scroll; height:143px; border-top:0px; display:none }
.combobox .options p { padding:2px 4px; cursor:pointer; display:block; position:relative; margin:0px; cursor:pointer }
.combobox .options p.over { background:#eee }
.combobox .options p.selected { background:#000; color:#fff }
.listbox { width:245px; height:150px; border:1px solid #bbb; background:#fff; overflow:auto; overflow-y:scroll }
.listbox p { padding:5px; border-bottom:1px solid #ccc }

.divider { font-size:14px; color:#666; clear:both; border-bottom:1px solid #aaa; margin-bottom:10px; padding-bottom:5px }
.panel .divider { margin-top:10px }
.submit { position:absolute; top:-100px; left:-100px }
.clear { clear:both; height:1px; overflow:hidden }
.grayed { color:#999 }
.highlighted { color:#009 }
.cursive { font-style:italic }
.galeria { width:295px; height:244px; background:#fff; border:1px solid #bbb }
.disabled { color:#aaa !important; cursor:default !important }
.ellipsis { color:#f00; font-weight:bold }
.htmlcode { overflow:auto; overflow-y:scroll; background:#fff; border:1px solid #ccc; padding:5px; height:75px }

.cerrado { background-image: url(extras/ico-locked.gif); background-repeat: no-repeat; background-position: right center }
.abierto { background-image: url(extras/ico-open.gif); background-repeat: no-repeat; background-position: right center }
.pendiente { background-image: url(extras/ico-waiting.gif); background-repeat: no-repeat; background-position: right center }

.tareas .status { float:right; padding-top:8px; padding-bottom:3px }
.tareas .status p { padding-top:3px }
.tareas .status .button b b b { padding:1px 8px }
.tareas .addbtn { margin-bottom:0px; margin-left:25px }
.tareas .addbtn b b b { background:url(admin/tabopen.gif) no-repeat left center; padding:1px 8px 1px 16px; font-size:12px }
.tareas .minbtn { margin-bottom:0px }
.tareas .minbtn b b b { background:url(admin/tabclose.gif) no-repeat left center; padding:1px 8px 1px 16px; font-size:12px }
.tareas .printbtn { margin-bottom:0px }
.tareas .printbtn b b b { background:url(admin/print.gif) no-repeat left center; padding:1px 8px 1px 16px; font-size:12px }
.tareas .header h1 b b b { padding-left:5px; padding-right:10px; min-width:150px }
.tareas .header i { color:#ccc; font-weight:normal; padding-left:5px }
.tareas .searchbox { margin-right:0px }
.splitrow, .splitrow td { background:#aaa; height:1px; padding:0px; font-size:1px; border:0px }
.subheader { display:block; background:#606060; color:#fff; font-size:15px; clear:both; padding:5px 10px;}
.label { font-size:13px }

.hint.tarea {	margin:5px 0px }
.hint.tarea u { text-decoration:none; font-size:12px }
.hint.tarea b { border-color:#c5bfa0; background:#fffbe6 }
.hint.tarea b b b { padding-top:3px }
.hint.tarea.color1 b { border-color:#c9be81; background:#fff6c5 }
.hint.tarea.color2 b { border-color:#dd9292; background:#e5bdbd }
.hint.tarea.color3 b { border-color:#ccc; background:#f5f5f5; color:#666 }

.hint.tarea.com b { border-color:#ccc; background:#f5f5f5 }
.hint.tarea.com1 b { border-color:#ccc; background:#f5f5f5 }
.hint.tarea.com2 b { border-color:#aaa; background:#e5e5e5 }

.hint.tarea .ops { height:100px; float:left; width:110px; overflow:hidden; margin-right:7px; padding-right:10px; border-right:1px dotted #aaa; border-width:0px 1px }
.hint.tarea .ops img { float:left; margin-right:5px }
.hint.tarea .info { height:100px; float:left; width:125px; overflow:hidden; margin-right:7px; padding-right:10px; border-right:1px dotted #aaa; border-width:0px 1px }
.hint.tarea select { width:75px; margin:0px; float:none }
.hint.tarea .text { font-size:11px; height:100px; overflow:auto; overflow-x:hidden }
.hint.tarea .opt { border:0px; margin-top:3px; width:18px; float:left; display:block; clear:none }
.hint.tarea .acciones { padding-left:30px; padding-top:10px }

.hint.tarea .button {	border:0px; float:none; clear:both }
.hint.tarea .button b { font-weight:normal; color:#555; display:block; margin:0px 1px; padding:1px 0px; border:solid #bbb; border-width:1px 0px; background:#f9f9f9 url(admin/btnback.gif) repeat-x bottom }
.hint.tarea .button b b { background:none; margin:-1px; border-width:0px 1px }
.hint.tarea .button b b b { margin:0px; padding: 1px 8px; border-width:0px; height:15px }
.hint.tarea .button:hover b { border-color:#888 }
.hint.tarea .button.search { margin:0px; clear:both; display:block; width:77px; margin-left:32px }
.hint.tarea .button.search b b b { background:url(admin/ico-search.gif) no-repeat 2px center; padding-left:25px; text-align:center }

#tarmenu dt span { float:right; font-size:11px; padding-top:2px }
#UploadContainer { width:240px; height:155px; overflow:hidden }

.clip { float:right; cursor:pointer }
.attachments { font-size:10px; border-top:1px dotted #aaa; margin-top:5px; color:#000; display:block; float:none; clear:both }
.attachments p { float:left; padding:1px 15px 1px 10px; background:url(extras/ico-clip2.gif) no-repeat 2px center  }
.attachments p a { text-decoration:none  }

#GridProyectos { width:100% }
#GridProyectos a { display:block; border-bottom:1px dotted #666; padding:3px 0px; text-decoration:none; color:#666 }
#GridProyectos a:hover { color:#000 }
#GridProyectos .left { float:left }
#GridProyectos .right { float:right; margin-right:0px }
#GridProyectos .button { border:0px }
#GridProyectos .search { margin:0px; padding:0px; float:right }
#GridProyectos .text { width:212px; margin-right:0px }
#GridProyectos #prjnav { text-align:center; padding:4px 0px; margin:0px; border-bottom:1px dotted #666 }
#GridProyectos #prjnav .text { width:20px; float:none; display:inline; margin:0px; padding:0px }

#ListaProyectos { margin-top:-5px }
/*
#ListaProyectos .empresa { padding:3px 5px 3px 20px; background:#d5d5d5; font-size:12px; font-weight:bold; margin-top:5px; border-bottom:1px solid #999; position:relative }
*/
#ListaProyectos .empresa { padding:3px 5px; background:#CAD8E9; font-size:12px; font-weight:bold; margin-top:5px; border-bottom:1px solid #999; position:relative }


#ListaProyectos .proyecto { position:relative }
#ListaProyectos .proyecto input { position:absolute; width:16px; height:16px; top:1px; left:2px; margin:0px; padding:0px }
/*
#ListaProyectos .proyecto .link { border-bottom:1px dotted #ddd; margin-left:3px; padding:2px; margin-left:23px; background-color:#fff }
*/
#ListaProyectos .proyecto .link { border-bottom:1px dotted #ddd; margin-left:0px; padding:2px 5px; background-color:#E6EFF2 }

#ListaProyectos .proyecto .selected { background:#fffbe6; color:#800 }
#ListaProyectos .proyecto .icon { float:right;padding:0px;border:0px;margin:3px 0px; display:block }
#ListaProyectos .empresa input { position:absolute; width:16px; height:16px; top:3px; left:2px; margin:0px; padding:0px }
/**/
#TopMenu { margin:0px; padding:0px; display:block; margin-right:1px; height:25px }
/**/
#TopMenu dt { margin:0px; float:left; position:relative; z-index:10 }
#TopMenu dt a { display:block; padding:2px 5px; white-space:nowrap; border:0px; text-decoration:none }
#TopMenu dt a:hover { color:#000 }
#TopMenu dd { margin:0px; padding:0px; margin-left:5px; display:none; position:absolute; top:0px; left:0px; border:1px solid #8b8788; background:#dbdadb; z-index:9 }
#TopMenu dd a { display:block; padding:3px 25px 3px 5px; white-space:nowrap; border-bottom:1px dotted #bbb; font-size:12px; font-weight:bold }
#TopMenu dd a:hover { color:#d71d3b }
#TopMenu .spacer { width:175px }

.calendar { position:absolute; background:url(extras/cal-top-arrow.gif) no-repeat center top; padding-top:5px; top:0px; left:0px; display:none; z-index:9999; cursor:default }
.calendar .inner { background:#fff; border:1px solid #999; border-top:0px; padding:0px; margin:0px }
.calendar .weeks { float:left; background:#fff; border:1px solid #ddd; border-width:0px 1px 1px 0px; padding:2px 7px 5px }
.calendar .title { background:#666; color:#fff; text-align:center; padding:4px 0px; font-weight:bold; white-space:nowrap }
.calendar .week { width:140px; overflow:hidden }
.calendar .dayname { float:left; text-align:center; font-weight:bold; width:18px; padding:1px 1px 3px }
.calendar .day { float:left; text-align:center; width:20px; height:13px; font-size:10px; padding:1px 0px }
.calendar .day div { padding:0px 2px; display:block }
.calendar .day div a { display:block; overflow:hidden; height:13px; padding:0px 1px; display:block }
.calendar .next { position:absolute; cursor:pointer; width:15px; height:15px; background:url(extras/cal-next.gif) no-repeat; top:7px; right:3px }
.calendar .prev { position:absolute; cursor:pointer; width:15px; height:15px; background:url(extras/cal-prev.gif) no-repeat; top:7px; left:3px }
.calendar .footer { text-align:center; width:auto; height:auto }
.calendar .footer .close { cursor:pointer; color:#666; padding:3px; display:block }
.calendar .weekend a { background-color:#f0f0f0; border-color:#e9e9e9; color:#888 }
.calendar .today a { font-weight:bold; color:#bf1e2d }
.calendar .past a { color:#ccc; border-color:#eee }
.calendar .selected div { background:#ffb0b0; padding:0px }
.calendar .selected div a { background:none }
.calendar .selend div { background:#ffb0b0 url(extras/cal-sel-end.gif) no-repeat right }
.calendar .selstart div { background:#ffb0b0 url(extras/cal-sel-start.gif) no-repeat left }
.calendar .selone div { background:#ffb0b0 url(extras/cal-sel-one.gif) no-repeat left }
.calendar a { text-decoration:none }

.grafico { margin-right:25px }
.grafico th, .grafico td { padding:2px 0px; margin:0px; font-weight:normal }
.grafico .odd { background:#fcfcfc }
.grafico th { border-bottom:1px solid #ccc }
.grafico th div, .grafico td div { width:40px }
.grafico .link { position:absolute; text-decoration:none; white-space:nowrap }
.grafico .weekend { color:#2199d7 !important; background:#e8f0f4; font-weight:bold }
.grafico .odd.weekend { color:#2199d7 !important; background:#eef5f8 }
.grafico .weekend div { color:#2199d7 !important }
.grafico .today { font-weight:bold; background:#dcffde; color:#0b7700 }
.grafico .today a { font-weight:bold; color:#0b7700 }
.grafico .today a div { font-weight:bold; color:#0b7700 }
.grafico td div.fill { background:#c6ac73; margin:18px 0px 2px; line-height:1px; height:12px; overflow:hidden; width:40px }
.grafico td div.fill div { background:#e5ce53 url(extras/graph-fill.gif) repeat-x top; margin:1px 0px; line-height:1px; height:10px; overflow:hidden; width:40px }
.grafico td div.bboth div { margin:1px; width:38px }
.grafico td div.bleft div { margin-left:1px; width:39px }
.grafico td div.bright div { margin-right:1px; width:39px }

.grafico td div.fillcyan { background:#4aa8d0 }
.grafico td div.fillcyan div { background:#53bae5 url(extras/graph-fillcyan.gif) repeat-x top }
.grafico td div.fillgreen { background:#7cc230 }
.grafico td div.fillgreen div { background:#68e553 url(extras/graph-fillgreen.gif) repeat-x top }
.grafico td div.fillpink { background:#f68686 }
.grafico td div.fillpink div { background:#ff9797 url(extras/graph-fillpink.gif) repeat-x top }
.grafico td div.fillorange { background:#e86d00 }
.grafico td div.fillorange div { background:#ff7800 url(extras/graph-fillorange.gif) repeat-x top }
.grafico td div.fillred { background:#f72626 }
.grafico td div.fillred div { background:#ff4f4f url(extras/graph-fillred.gif) repeat-x top }
.grafico td div.fillblue { background:#2f54e0 }
.grafico td div.fillblue div { background:#4b71ff url(extras/graph-fillblue.gif) repeat-x top }
.grafico td div.filldgreen { background:#009c16 }
.grafico td div.filldgreen div { background:#00b51a url(extras/graph-filldgreen.gif) repeat-x top }
.grafico td div.fillpurple { background:#c33faf }
.grafico td div.fillpurple div { background:#da55c6 url(extras/graph-fillpurple.gif) repeat-x top }
.grafico td img { position:absolute; margin:-17px 5px 0px 13px; cursor:pointer }

.THint { font-size:11px; margin:0px 3px }
.THint .inner { background:#fffccd; border:1px solid #9e9c77; padding:2px 4px 0px; min-width:100px; max-width:650px }
.THint h1 { font-size:14px }

dt.graficolink { margin-left:180px !important }