/*


@style   estilos para "Documental"
@media   screen
@site    openpopuli.com
@version 0.12 
@date    2008-09-15
@author  sebastian.garcia@openpopuli.com
@author  www.openpopuli.com

*/


html{
overflow-y:scroll;
}

body{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif, verdana;
}



/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    estilos generales reutilizables                                    */

.clear-all
{
clear:both;
line-height:0;
}

.relleno10px{
margin: 10px;
margin-top: 0;
}

.relleno20px{
margin: 20px;
}

.relleno30px{
margin: 30px;
margin-top: 0;
}

/*  en IE los campos ocultos de los FORM ocupan espacio. lo elimino */
input.hidden{
border: solid 2px black;
display:visible;
}

a:link, a:visited, a:hover, a:active{color:#2b2b2b;}



.campo-requerido{
text-align:left;
color:#D47257;
font-size:0.8em;
margin-bottom:1em;
}

/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */





/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*	#app-documental   (contiene: #cabecera, #contenido, #pie)		*/
#app-documental{
width:100%;

height:100%; min-height:100%; 
position:absolute;
height:auto;

}
/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*	zona usuario                                         			*/
#app-documental #zona-usuario
{
width:100%;
background: #DCEAF0 url(../img/documental/gif/bg_intro.gif) repeat-x left bottom;
font-size:0.8em;
color:#242424;
padding: 2px 0px;
height:25px;
}
#app-documental #zona-usuario #return{
margin-left:3em;
float:left;
width:200px;
}
#app-documental #zona-usuario #usuario{
margin-right:20px;
float:right;
width:350px;
padding: 3px 0;
padding-left:18px;
background: url(../img/documental/gif/user.gif) no-repeat left 50%;
}


#app-documental #zona-usuario #usuario a.backend{
margin-right:15px;
padding-right:18px;
padding-top:2px;
margin-left:15px;
padding-bottom:2px;
background: url(../img/documental/gif/cog_go.gif) no-repeat right 2px;
height:20px;

}

#app-documental #zona-usuario #usuario a.close-app{
margin-right:0em;
padding-right:18px;
padding-top:2px;
padding-bottom:2px;
background: url(../img/documental/gif/door_in.gif) no-repeat right 2px;
height:20px;

}


#app-documental #zona-usuario #usuario a.backend:hover,
#app-documental #zona-usuario #usuario a.close-app:hover{
color: #3f88cc;
}

/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */




/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*	#cabecera														*/
#app-documental #cabecera{
/*padding-left:300px;*/
text-align:left;
padding-right:100px;
margin-left:300px;
margin-bottom:1em;
}

#app-documental #cabecera a,
#app-documental #cabecera a:link,
#app-documental #cabecera a:visited,
#app-documental #cabecera a:hover,
#app-documental #cabecera a:active{
color: #464646;
font-size:0.9em;
/*border: solid 1px #9BC3D5;*/ 
background: url(../img/documental/gif/note_add.gif) no-repeat left 50%;
padding: 1px 10px;
text-decoration:underline;
padding-left:20px;
}

#app-documental #cabecera a:hover{
color:#55A3FF;
}

#app-documental .logo{
padding-left:20px;
clear:both;
}

/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


#app-documental #caja-acciones{
position: relative;
width: 300px;
background: #DDEAF0 url(../img/documental/gif/lat_fondo_t.jpg);
background-repeat: no-repeat;
padding-bottom:0;
}

#app-documental #caja-acciones img{
padding-left:30px;
}

#app-documental #caja-acciones #acciones-main a.thickbox{
}

#app-documental #caja-acciones #acciones-main a.thickbox:hover{
}


/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    #contenido        (contiene: #informacion)                    */
#app-documental #contenido{
float: left;
width: 100%;
}

/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    #informacion        (contiene: )    */

#app-documental #contenido #informacion{
margin-left: 310px; /* left margin del #menu */
}

#app-documental #contenido #contenido-informacion{
/*border: solid 1px #9bc3d5;*/
}

#app-documental #contenido #contenido-informacion .volver{
margin-bottom:10px;
}

#app-documental #contenido #contenido-informacion .volver a:link,
#app-documental #contenido #contenido-informacion .volver a:visited,
#app-documental #contenido #contenido-informacion .volver a:hover,
#app-documental #contenido #contenido-informacion .volver a:active{
font-size:0.8em;
color:#50824b;
/*padding-left:20px;*/
/*background: url(../img/documental/arrow_undo.png) no-repeat left 0;*/
text-decoration:underline;
}


#app-documental #contenido #contenido-informacion .volver a:hover{
color:#464646;
}



#app-documental #contenido #informacion .filtros{
border-bottom: solid 1px #dddddd;
background-color: #ffffff;
padding-bottom:5px;
margin-top:20px;
width:100%;
}


#app-documental #contenido #informacion .filtros span{
height:16px;
min-height:16px;
padding: 0 5px 5px 5px;
/*background: url(../img/documental/item-up.png) no-repeat center 100%;*/
color:#696969;
font-size:12px;
}


/*  Botones acciones */


/*  ---------------------   */
#app-documental #contenido #informacion #acciones-generales {
margin-bottom:10px;
}

#app-documental #contenido #informacion #acciones-generales a{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 5px 2px 20px;
text-decoration:none;
font-size:12px;
background-color:#ffffff;
color:#2b2b2b;
background: url(../img/documental/documental_addtask.png) no-repeat left 50%;
}

#app-documental #contenido #informacion #acciones-generales a:link{}
#app-documental #contenido #informacion #acciones-generales a:visited{}
#app-documental #contenido #informacion #acciones-generales a:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}
#app-documental #contenido #informacion #acciones-generales a:active{}

/*  ---------------------   */




#app-documental #contenido #informacion #contenido-informacion #titulo-bandeja{
}

#app-documental #contenido #informacion #contenido-informacion #titulo-bandeja h1{
color:#696969;
font-weight:normal;
font-size:0.9em;
padding: 0px 0px;
margin:0;
border-top: 0px solid #696969;
}


#app-documental table.inbox{
width:97%;
}

#app-documental table.inbox a{
text-decoration:underline;
}

#app-documental table.inbox span.caducada{
padding-left:15px;
background: url(../img/documental/gif/bullet_red.gif) no-repeat left 50%;
color:#894747;
font-size:11px; 
font-style:normal;
font-weight:normal!important;
}

#app-documental table.inbox thead tr{
}

#app-documental table.inbox tr{
height:40px;
margin-bottom:5px;
}

#app-documental table.inbox tr.clasificador{
height:0px;
margin-bottom:5px;
}

#app-documental table.inbox tbody tr td
{
/*border-top: solid 1px #dddddd;*/
/*border-bottom: solid 1px #dddddd;*/
}

#app-documental table.inbox tbody tr:hover{
}

#app-documental table.inbox tbody tr td.descripcion{
width:auto;
padding-left: 25px;
padding-top:7px;
vertical-align:top;
letter-spacing:0em;
}

#app-documental table.inbox tbody tr td.acciones{
width:120px;
text-align:right;
vertical-align:middle;
}

#app-documental table.inbox tbody tr td.acciones img{
margin-right:7px;
}

#app-documental table.inbox tbody tr td.acciones a{
margin:0px;
}

#app-documental table.inbox tbody h3.asunto{
font-size:0.8em;
margin-bottom:2px;
color:#565656;
font-weight:normal;
}

#app-documental table.inbox tbody p.metadatos{
font-size:11px; 
color:#999999;
}

#app-documental table.inbox tbody p.metadatos .autor{
color:#567995;
}

#app-documental table.inbox p.metadatos .fecha{
color:#a88667;
}

#app-documental table.inbox tbody tr.no-leido:hover{
background-color:#F8F9FB;
}

#app-documental table.inbox tbody tr.si-leido td.descripcion{
/*  para las ya leidas no hay icono */
}

#app-documental table.inbox tbody tr.no-leido td.descripcion{
background: #F8F9FB url(../img/documental/gif/bullet_star.gif) no-repeat 5px 5px;
}
#app-documental table.inbox tbody tr.no-leido td{
background-color: #F8F9FB;
}



#app-documental table.inbox tbody tr.no-leido h3.asunto{
font-weight:bold;
}

#app-documental table.inbox tbody tr h3.asunto a:link{
color:#464646;
}

#app-documental table.inbox tbody tr h3.asunto a:visited{
color:#464646;
}

#app-documental table.inbox tbody tr h3.asunto a:hover{
color:#0A99D3;
}

#app-documental table.inbox tbody tr h3.asunto a:active{
color:#3b5998;
}



#app-documental table.inbox a.abrir:link,
#app-documental table.inbox a.abrir:visited{
width:80px;
background: url(../img/documental/leer.gif) no-repeat left bottom;
padding-top:4px;
display:block;
font-size:0.8em;
text-decoration:none;
height:20px;
color:#7290ae;
}

#app-documental table.inbox a.abrir:hover{
background: url(../img/documental/leer-hover.gif) no-repeat left top;
color:#00a1e1;
}
#app-documental table.inbox a.abrir:active{}

#app-documental table.inbox a.abrir span{
cursor: pointer;
float: left;
line-height: 15px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
background-repeat: no-repeat;
background-position: left bottom;
}


/*  paginador   

#app-documental #contenido #contenido-informacion #pagination{
text-align:right;
font-size:0.8em;
margin-top:20px;
margin-right:50px;
color:#2b2b2b;

height:22px;
padding:5px 0;
border: solid red 1px;
}

#app-documental #contenido #contenido-informacion #pagination a{
text-decoration:none;
padding: 2px 5px;
color:#658898;
}

#app-documental #contenido #contenido-informacion #pagination a:hover{
background-color:#DDEAF0;
}

#app-documental #contenido #contenido-informacion #pagination ul{
display:inline;
}

#app-documental #contenido #contenido-informacion #pagination ul li{
display:inline;
margin: 0 3px;
border: solid #DDEAF0 1px;
padding: 2px 0px;
}

#app-documental #contenido #contenido-informacion #pagination span.paginas{
font-size:0.9em;
color:#464646;
}

#app-documental #contenido #contenido-informacion #pagination span.resultados{
font-size:0.8em;
color:#464646;
}

*/

#app-documental #pagination{
text-align:right;
font-size:1em;
margin-top:20px;
margin-bottom:20px;
margin-right:50px;
color:#2b2b2b;
border-top:solid 1px #DDEAF0;
padding-top:10px;
}


#app-documental #pagination a{
text-decoration:underline;
padding: 2px 5px;
color:#658898;
}

#app-documental #pagination a:hover{
background-color:#DDEAF0;
}

#app-documental #pagination ul{
display:inline;
}

#app-documental #pagination ul li{
display:inline;
margin: 0 3px;
/*border: solid #DDEAF0 1px;*/
padding: 2px 0px;
}

#app-documental #pagination ul li:hover{
background-color:#DDEAF0;
}

#app-documental #pagination ul li.actual{
border:none;
}

#app-documental #pagination ul li.actual:hover{
border:none;
}

#app-documental #pagination ul li.actual a{
font-weight:bold;
border:none;
text-decoration:none;
}

#app-documental #pagination ul li.actual a:hover{
background-color:#ffffff;
border:none;
}


#app-documental #pagination span.paginas{
font-size:0.9em;
color:#464646;
}

#app-documental #pagination span.resultados{
font-size:0.9em;
color:#464646;
margin-left:1em;
}


/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*	#menu		(contiene: )										*/

#app-documental #menu{
float: left;
width: 300px; /* Width del menu */
margin-left: -100%;
text-align:center;
background-image: url(../img/documental/gif/lat_fondo_t.jpg);
margin-bottom:50px;

}

#app-documental #menu #caja{
background-image: url(../img/documental/gif/lat_fondo_t2.jpg);
padding-bottom:20px;
}


#app-documental #menu #caja-titulo{
position: relative;
width: 300px;
background: url(../img/documental/gif/superior.jpg) no-repeat 0 0;
height: 20px;
margin-top:10px;

}

#app-documental #menu #caja-principal{
width: 300px;
min-height:270px;
}


#app-documental #menu #caja-principal .bandeja{
text-align:left;
width:250px;
margin:auto;
margin-bottom: 10px;
border-bottom: solid #cfcfcf 1px;
}


#app-documental #menu #caja-principal .bandeja h1{
color:#696969;
background: #DDEAF0 url(../img/documental/gif/folder.gif) no-repeat left 50%;
padding:2px 0;
padding-left:20px;
font-weight:normal;
font-size:1em;
margin-bottom:2px;
}

#app-documental #menu #caja-principal .bandeja.nuevos h1{
background: #DDEAF0 url(../img/documental/gif/folder_star.gif) no-repeat left 50%;
}

#app-documental #menu #caja-principal .bandeja h1:hover{
background: #DDEAF0 url(../img/documental/gif/folder_explore.gif) no-repeat left 50%;
}

h1.bandeja-entrada,
h1.bandeja-salida{
font-weight:normal;
text-align:left;
margin-left:20px;
margin-bottom:10px;
}

h1.bandeja-salida{
margin-top:20px;
}

#app-documental #menu #caja-principal .bandeja h1 a{
color:#2b2b2b; 
font-size:0.9em;
text-decoration:none;
}

#app-documental #menu #caja-principal .bandeja h1 a:hover{
color:#3f88cc;
}

#app-documental #menu #caja-principal #actual h1 a{
color:#3f88cc;
}

#app-documental #menu #caja-principal .bandeja .resumen{
font-size:0.6em;
margin-left:10px;
}


/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */








/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*	#pie														*/
#app-documental #pie{
width:100%;
background: #DCEAF0 url(../img/documental/gif/bg_pie.gif) repeat-x left top;
font-size:0.8em;
color:#464646;

position:absolute; bottom:0;
}

#app-documental #pie p{
margin:5px 40px;
}

/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */








/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    CSS para el detalle del movement                               */


#app-documental #contenido #informacion #contenido-informacion .detalle-movement{
color:#464646;
background-color:#ffffff;
}


#app-documental #contenido .detalle-movement div.modulo1{
border-top: solid 1px gray;
color:#464646;
}

#app-documental #contenido .detalle-movement div.modulo1 .linea1{
padding: 5px 0;
font-size:0.8em;
}

#app-documental #contenido .detalle-movement div.modulo1 .linea1 .fecha-tarea{
width:90px;
float:left;
height:20px;
}


#app-documental #contenido .detalle-movement div.modulo1 .linea1 .asunto-tarea{
float:left;
background: url(../img/documental/gif/user_comment.gif) no-repeat left top;
padding-left:20px;
height:20px;
}

#app-documental #contenido .detalle-movement div.modulo1 .linea1 .asunto-tarea strong{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

#app-documental #contenido .detalle-movement div.modulo1 .linea2{
margin-left:90px;
font-size:1em;
background: url(../img/documental/gif/bullet_go.gif) no-repeat left top;
padding-left:20px;
}


#app-documental #contenido .detalle-movement div.modulo1 .linea3{
margin-left:90px;
margin-top:1em;
background: url(../img/documental/gif/page_white_text_width-top.gif) no-repeat left top;
padding-left:20px;
font-size:0.9em;
font-style:italic;
}

#app-documental #contenido .detalle-movement div.modulo1 .linea3 span.titulo{
display:block;
font-size:0.8em;
font-style:normal;
margin-top:0.2em;
}


#app-documental #contenido .detalle-movement div.modulo2{
border-top: dotted 1px #DCEAF0;
padding-top:0.5em;
color:#464646;
margin-top:0.5em;
}

#app-documental #contenido .detalle-movement div.modulo2 .linea1{
padding: 5px 0;
font-size:0.8em;
height:22px;
}

#app-documental #contenido .detalle-movement div.modulo2 .linea1 .fecha-tarea{
width:90px;
float:left;
height:20px;
}

#app-documental #contenido .detalle-movement div.modulo2 .linea1 .asunto-tarea{
float:left;
background: url(../img/documental/gif/user_comment.gif) no-repeat left top;
padding-left:20px;
height:22px;
}


#app-documental #contenido .detalle-movement div.modulo2 .linea2{
margin-left:100px;
font-size:1.1em;
}


#app-documental #contenido .detalle-movement div.modulo2 .linea3{
margin-left:90px;
background: url(../img/documental/gif/page_white_text_width-top.gif) no-repeat left top;
padding-left:20px;
font-style:italic;
font-size:0.9em;
}

#app-documental #contenido .detalle-movement div.modulo2 .linea3 span.titulo{
display:block;
font-size:0.8em;
font-style:normal;
margin-bottom:0.4em;
}


/*  ++++++++++++++++++++++  */


/*  archivos adjuntos   */

#app-documental #contenido .detalle-movement div.contenedor-files{
width:580px;
background-color:#F2F5F7;
margin-left:90px;
border-top: solid 4px #E5EDF6;
border-top: solid 4px #E5EDF6;

margin-top:2em;
padding-left:10px;
}


#app-documental #contenido .detalle-movement .titulo-adjuntos{
font-size:0.9em;
}

#app-documental #contenido .detalle-movement div.adjuntos{
margin: 0;
font-size:12px;
font-family: Verdana, Arial, Helvetica;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos{
padding: 10px 0 0 0;
}

/*  la lista de elementos   */

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul{}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li{
margin-bottom:1.5em;
height:20px;
line-height:1.2em;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li.pdf{
background: url(../img/documental/gif/page_white_acrobat.gif) no-repeat left 0;
padding-left:20px;
}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li.imagen{}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li.texto{}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li.zip{}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li.desconocido{
background: url(../img/documental/gif/page_white_text.gif) no-repeat left 0;
padding-left:20px;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span{}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.break2{
display:block;}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.descripcion{
padding-right:5px;
border-right:1px solid #464646;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.observaciones{}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.link-descarga{
font-size:0.9em;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.link-descarga a{
color:#464646;
background: url(../img/documental/gif/bullet_disk.gif) no-repeat left 50%;
padding-left:15px;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.link-descarga a:hover{
color:#3B75BA;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.tamanyo{
font-size:0.9em;
margin-left:0.2em;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.link-eliminar{
font-size:0.9em;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.link-eliminar a{
color:#464646;
background: url(../img/documental/gif/bullet_delete.gif) no-repeat left 50%;
padding-right:10px;
padding-left:15px;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos ul li span.link-eliminar a:hover{
color:#DA3838;
}

/*  formulario para añadir un archivo   */
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource{
width:470px;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource .campo{
margin-bottom:0.5em;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource .campo label{
display:block;
}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource .campo input{
border: solid 1px #DDEAF0;
width:330px;
}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource .campo input:focus{
background-color:#DDEAF0;
border: solid 1px #DDEAF0;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource .campo textarea{
border: solid 1px #DDEAF0;
height:80px;
width:330px;
}
#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos form#resource .campo textarea:focus{
background-color:#DDEAF0;
}

/*  boton para añadir un archivo en el formulario de "añadir archivos"  */



#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos .cajaboton{}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos .cajaboton:hover{}


#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos input#submit_button{
background: #eeeeee url(../img/documental/gif/add.gif) no-repeat 5px center;
border:none;
font-size:11px;
padding: 2px 10px 2px 25px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
border-top: solid 1px #eeeeee;
font-size:11px;
color:#2b2b2b;
font-family:verdana, helvetica;
width:160px;
}

#app-documental #contenido .detalle-movement div.adjuntos #contenido-adjuntos input#submit_button:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}

/*  +++++++++++++++++++++++++   */


/*  botones: añadir o listar adjuntos  */

#app-documental #contenido .detalle-movement div.adjuntos .acciones{
margin:2em 0 1em 0;
padding:0.5em 0;
color:#BC4305;
}


/*  boton add   */
#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-add{}

#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-add a{
background: #eeeeee url(../img/documental/gif/page_white_add.gif) no-repeat 5px center;
text-decoration:none;
font-size:11px;
padding: 4px 10px 4px 25px;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}
#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-add a:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}

/*  boton: listar  */
#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-listar{}

#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-listar a{
background: #eeeeee url(../img/documental/gif/text_list_bullets.gif) no-repeat 5px center;
text-decoration:none;
font-size:11px;
padding: 4px 10px 4px 25px;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}
#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-listar a:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}

#app-documental #contenido .detalle-movement div.adjuntos .acciones span.boton-listar{}



/*  ++++++++++++++++++++++++    */


/*  operaciones: finalizar, delegar...  */

#app-documental #contenido .detalle-movement div.operaciones{
padding: 10px 0;
margin: 50px auto 30px auto;
font-size:0.8em;
font-size:12px;
margin-top:20px;
border-bottom: solid 1px gray;
}


#app-documental #contenido .detalle-movement div.operaciones span.bt-delegar{
margin-right:20px;}

#app-documental #contenido .detalle-movement div.operaciones span.bt-delegar a{
background: #F2F5F7 url(../img/documental/gif/group_go.gif) no-repeat 10px center;
padding: 5px 15px 5px 30px;
border: solid 1px #bebebe!important;
text-decoration:none;
}

#app-documental #contenido .detalle-movement div.operaciones span.bt-delegar a:hover{
background-color:#DDEAF0;
border:solid 1px #9BC3D5!important;
}

#app-documental #contenido .detalle-movement div.operaciones span.bt-finalizar{}

#app-documental #contenido .detalle-movement div.operaciones span.bt-finalizar a{
background: #F2F5F7 url(../img/documental/gif/accept.gif) no-repeat 10px center;
padding: 5px 15px 5px 30px;
border: solid 1px #bebebe!important;
text-decoration:none;
}

#app-documental #contenido .detalle-movement div.operaciones span.bt-finalizar a:hover{
background-color:#DDEAF0;
border:solid 1px #9BC3D5!important;
}



/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*  zona de los formularios */


/*  formulario add-task*/

div#form-addtask{
font-size:0.8em;
font-family:Verdana, Arial, Helvetica;
width:100%;
margin:auto;
}

div#form-addtask .contenidoform{
margin:20px;
margin-bottom:0px;
background: url(../img/documental/gif/carpetazo.gif) no-repeat 90% 40%;
}


div#form-addtask .contenidoform div.botonera{
width:300px;
border-top: solid 1px #8DBDD8;
margin-top:20px;
padding:5px 0;
text-align:right;
}

div#form-addtask .contenidoform .campo{
margin-bottom:10px;
}

div#form-addtask .contenidoform .campo label{
display:block;
margin-bottom:2px;
font-size:0.9em;
}

div#form-addtask .contenidoform .campo input,
div#form-addtask .contenidoform .campo textarea{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 3px;
}

div#form-addtask .contenidoform .campo input:focus,
div#form-addtask .contenidoform .campo textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}

div#form-addtask .contenidoform .campo select{
border: solid 1px #bcbcbc;
color:#464646;
padding:0px 0px;
width:305px;
}

div#form-addtask .contenidoform .campo select option{
}

div#form-addtask .contenidoform .campo input#description{
width:300px;
}
div#form-addtask .contenidoform .campo textarea#observations{
width:300px;
height:60px;
}

div#form-addtask .contenidoform .campo textarea#caducity{
width:160px;
}

div#form-addtask .contenidoform .campo select#priority{
width:150px;
}

div#form-addtask .contenidoform span.botonsubmit{
border: solid #dedede 1px;
padding: 1px 0;
padding-left:10px;
background-color: #eeeeee;
}

div#form-addtask .contenidoform span.botonsubmit:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
}

div#form-addtask .contenidoform input#submit{
color:#464646;
font-size:1em;
padding-left: 10px;
width:110px;
border: solid green 1px;
border:0;
background: #eeeeee url(../img/documental/gif/add.gif) no-repeat left center;
}

div#form-addtask .contenidoform input#submit:hover{
color:#2b2b2b;
background-color:#eeeeee;
border:0;
}


div#form-addtask .contenidoform input#submit:focus{
outline:none;
border: 0;
}

div#form-addtask .contenidoform span.cancelar{
margin-left:1em;
}

div#form-addtask .contenidoform span.cancelar a{
background: url(../img/documental/gif/delete.gif) no-repeat right 70%;
padding-right:14px;
color:#464646;
}

div#form-addtask .contenidoform span.cancelar a:hover{
color:#D26F54;
}

div#form-addtask .contenidoform span.cancelar a:active{}


/*  formulario delegar  */

div#form-delegar-task{
font-family:Verdana, Arial, Helvetica;
margin:auto;
font-size:1.2em;
}


div#form-delegar-task div.contenidoform
{
margin:20px;
padding-top:0;
}


div#form-delegar-task div.contenidoform .campo{
margin-bottom:10px;
}

div#form-delegar-task div.contenidoform .campo-envio{

}

div#form-delegar-task div.contenidoform .campo label{
display:block;
margin-bottom:2px;
font-size:0.9em;
}

div#form-delegar-task div.contenidoform .campo input,
div#form-delegar-task div.contenidoform .campo textarea{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 3px;
}

div#form-delegar-task div.contenidoform .campo input:focus,
div#form-delegar-task div.contenidoform .campo textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}

div#form-delegar-task div.contenidoform .campo textarea#observations_receiver{
height:30px;
width:600px;
margin:auto;
}

div#form-delegar-task div.contenidoform .campo textarea#observations_sender{
height:30px;
width:600px;
margin:auto;
}

div#form-delegar-task div.contenidoform .campo table#reenvio{
text-align:center;
}

div#form-delegar-task div.contenidoform .campo table#reenvio tr{

}

div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera {
vertical-align: middle;
padding: 0 20px;
font-size:12px;
}


div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#add_id_receiver:link,
div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#add_id_receiver:visited,
div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#add_id_receiver:hover,
div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#add_id_receiver:active{
display:block;
padding: 3px 0px;
padding-left:18px;
background: url(../img/documental/gif/user_add.gif) no-repeat left center;
text-align:left;
margin-bottom:15px;
border: solid 1px #fafafa;
text-decoration:none;
}


div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#remove_id_receiver:link,
div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#remove_id_receiver:visited,
div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#remove_id_receiver:hover,
div#form-delegar-task div.contenidoform .campo table#reenvio tr td.botonera a#remove_id_receiver:active{
display:block;
background: url(../img/documental/gif/user_delete.gif) no-repeat left center;
padding: 3px 0px;
padding-left:18px;
text-align:left;
text-decoration:none;
}


div#form-delegar-task div.contenidoform .campo table#reenvio label{
display:block;
font-size:0.7em;
color:#4F719C;
}

div#form-delegar-task div.contenidoform .campo select#from_id_receiver,
div#form-delegar-task div.contenidoform .campo select#to_id_receiver{
width:230px;
height:200px;
border-color:#ffffff!important;
}

div#form-delegar-task div.contenidoform .campo select#to_id_receiver option{
padding-left: 20px;
background: url(../img/documental/gif/bullet_green.gif) no-repeat left center;
}


div#form-delegar-task div.contenidoform .campo select#from_id_receiver option{
padding-left: 20px;
background: url(../img/documental/gif/bullet_red.gif) no-repeat left center;
}


div#form-delegar-task div.contenidoform .campo .checker{
}


div#form-delegar-task div.contenidoform .campo .checker label{
display:inline;
}

div#form-delegar-task div.contenidoform .campo .checker input#can_send,
div#form-delegar-task div.contenidoform .campo .checker input#can_sign{
}

/*  boton 1 */



div#form-delegar-task div.contenidoform span.botonsubmit{
margin-left:20px;
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 0 2px 0px;
background: #eeeeee;
}

div#form-delegar-task div.contenidoform span.botonsubmit:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background: #eeeeee;
}

div#form-delegar-task div.contenidoform input#submit{
color:#464646;
font-size:14px;
margin-top:20px;
border:0;
background: #eeeeee url(../img/documental/gif/group_go.gif) no-repeat 5px center;
padding-left:25px;
border:0;
text-align:left;
width:90px;
}


div#form-delegar-task div.contenidoform input#submit:hover{
color:#2b2b2b;
border:0;
}



/*  boton 2 */
div#form-delegar-task div.contenidoform span.botoncancelar{
margin-left:20px;
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 0 2px 0px;
background: #eeeeee;
}

div#form-delegar-task div.contenidoform span.botoncancelar:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background: #eeeeee;
}

div#form-delegar-task div.contenidoform input#bt_cancelar{
color:#464646;
font-size:14px;
margin-top:20px;
border:0;
background: #eeeeee url(../img/documental/gif/delete.gif) no-repeat 5px center;
padding-left:25px;
border:0;
text-align:left;
width:90px;
}


div#form-delegar-task div.contenidoform input#bt_cancelar:hover{
color:#2b2b2b;
border:0;
}

/*  boton 3*/

div#form-delegar-task div.contenidoform span.botonfirmar{
margin-left:20px;
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 0 2px 0;
background: #eeeeee;
}

div#form-delegar-task div.contenidoform span.botonfirmar:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background: #eeeeee;
}

div#form-delegar-task div.contenidoform input#bt_firmar{
color:#464646;
font-size:14px;
margin-top:20px;
border:0;
background: #eeeeee url(../img/documental/gif/vcard_edit.gif) no-repeat 5px 50%;
padding-left:25px;
border:0;
text-align:left;
width:135px;
}


div#form-delegar-task div.contenidoform input#bt_firmar:hover{
color:#2b2b2b;
border:0;
}

/*  */



/*      css para el form  de editar profiles     */

div#form-edit-profiles{
padding-bottom:1em;
}

div#form-edit-profiles form{
width:600px;
margin: 2em auto;
}

div#form-edit-profiles table#reenvio{
font-family: verdana, arial, helvetica;
text-align:center;
border:none;
}

div#form-edit-profiles table#reenvio select{

}

div#form-edit-profiles table#reenvio label{
display:block;
margin-bottom:0.5em;
}

                                          
div#form-edit-profiles table#reenvio select#from_id_profile,
div#form-edit-profiles table#reenvio select#to_id_profile{
width:230px;
height:200px;
border-color:#ffffff!important;
}


div#form-edit-profiles table#reenvio tr td.botonera {
vertical-align: middle;
padding: 0 20px;
font-size:12px;
}


div#form-edit-profiles a#add_id_profile:link,
div#form-edit-profiles a#add_id_profile:visited,
div#form-edit-profiles a#add_id_profile:hover,
div#form-edit-profiles a#add_id_profile:active{
display:block;
padding: 3px 0px;
padding-left:18px;
background: url(../img/documental/gif/user_add.gif) no-repeat left center;
text-align:left;
margin-bottom:15px;
border: solid 1px #fafafa;
text-decoration:none;
}


div#form-edit-profiles a#remove_id_profile:link,
div#form-edit-profiles a#remove_id_profile:visited,
div#form-edit-profiles a#remove_id_profile:hover,
div#form-edit-profiles a#remove_id_profile:active{
display:block;
background: url(../img/documental/gif/user_delete.gif) no-repeat left center;
padding: 3px 0px;
padding-left:18px;
text-align:left;
text-decoration:none;
}



div#form-edit-profiles input#submit{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 3px 10px 3px 26px;
background: #eeeeee url(../img/documental/gif/group_go.gif) no-repeat left center;
font-size:14px;
margin-top:20px;
color:#464646;
}


div#form-edit-profiles input#submit:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

div#form-edit-profiles input#submit:focus{
outline: none;

border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
}

/*  formulario form edit task  */

div#form-edit-task{
font-family:Verdana, Arial, Helvetica;
width:100%;
margin:0;
font-size:0.9em;

}


div#form-edit-task div.contenidoform
{
margin:20px;
width:400px;
float:left;
border-right: solid 1px #DDEAF0;
}

div#form-edit-task div.contenidoform div.botonera{
border-top: solid 1px #8DBDD8;
width:305px;
}


div#form-edit-task div#backend div#suplemento{
float:left;
margin-left:0px;
}


/*  edit-task   nuevo   */
div#form-edit-task div#suplemento
{
width:400px;
float:right;
margin:20px 20px 0 0;
padding-bottom:5px;
}

div#form-edit-task div#suplemento .linea-pie{
border-bottom: solid 1px #DDEAF0;
color:#464646;
font-weight:bold;
margin-top:1px;
}

div#form-edit-task div#suplemento .linea-pie2{
border-bottom: solid 4px #DDEAF0;
color:#464646;
font-weight:bold;
margin-top:1px;
}

div#form-edit-task div#suplemento span.caja{
background-color:#DDEAF0;
padding:1px 10px;
font-size:11px;
}

div#form-edit-task div#suplemento form#resource{}

div#form-edit-task div#suplemento form#resource input#description{
width:330px;
}

div#form-edit-task div#suplemento form#resource textarea{
width:330px;
}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos{
margin: 0.5em 0;
font-size:0.8em!important;
}


/*  listado de archivos */

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li{
margin-bottom:1em;
border-bottom: dotted 1px #464646;
padding-bottom:1em;
}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.pdf{

}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.imagen{}
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.txt{}
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.zip{}
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.video{}
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.desconocido{}


div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li.pdf span.descripcion{
display:block;
}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.observaciones{
display:block;
color:gray;
margin:0.5em 0;
}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.link-descarga,
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.tamanyo,
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.link-eliminar{
padding:2px 3px;
margin-right:0.1em;
font-size:0.9em;
}


div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.link-descarga{
padding-left:20px;
background: url(../img/documental/gif/page_white_acrobat.gif) no-repeat left 50%;
}
div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.link-descarga a:hover{
color:#4087DC;
}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.tamanyo{}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.link-eliminar{
background: url(../img/documental/gif/textfield_delete.gif) no-repeat left top;
}

div#form-edit-task div#suplemento #archivos-adjuntos ul.archivos li span.link-eliminar a{
color:#920000;
padding-left:15px;

}



div#form-edit-task div#suplemento div.acciones{
margin:0.5em 0;
}

div#form-edit-task div#suplemento div.acciones span{
margin-right:10px;
}

div#form-edit-task div#suplemento div.acciones span.boton-add{
}

div#form-edit-task div#suplemento div.acciones span.boton-add a{
background: #eeeeee url(../img/documental/gif/page_white_add.gif) no-repeat 5px center;
text-decoration:none;
font-size:11px;
padding: 4px 10px 4px 25px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
border-top: solid 1px #eeeeee;
}

div#form-edit-task div#suplemento div.acciones span.boton-add a:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}

div#form-edit-task div#suplemento div.acciones span.boton-listar{
}

div#form-edit-task div#suplemento div.acciones span.boton-listar a{
background: #eeeeee url(../img/documental/gif/text_list_bullets.gif) no-repeat 5px center;
text-decoration:none;
font-size:11px;
padding: 4px 10px 4px 25px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
border-top: solid 1px #eeeeee;
}

div#form-edit-task div#suplemento div.acciones span.boton-listar a:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}

/*  formulario añadir archivo   */

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo #resource{
padding:10px;
}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo{
margin: 1em 0 3em 0;
font-size:0.9em;
}


div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo .campo{
margin-bottom:0.5em;
}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo .campo label{
display:block;
}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo .campo input{}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo .campo textarea{
height:80px;
}


div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo input#description,
div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo textarea#resource_observations{
border: solid 1px #DDEAF0;
}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo input#description:focus,
div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo textarea#resource_observations:focus{
background-color:#DDEAF0;
}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo .cajaboton{}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo .cajaboton:hover{}


div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo input#submit_button{
background: #eeeeee url(../img/documental/gif/add.gif) no-repeat 5px center;
border:none;
font-size:11px;
padding: 4px 10px 4px 25px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
border-top: solid 1px #eeeeee;
font-size:11px;
color:#2b2b2b;
font-family:verdana, helvetica;
width:160px;
}

div#form-edit-task div#suplemento #archivos-adjuntos #add-archivo input#submit_button:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}

/*  fin: nuevo edit-task*/






/*  +++++++++++++++++++++   */

div#form-edit-task div.contenidoform .campo{
margin-bottom:10px;
}

div#form-edit-task div.contenidoform .campo label{
display:block;
margin-bottom:2px;
font-size:0.9em;
}

div#form-edit-task .contenidoform .campo input,
div#form-edit-task .contenidoform .campo textarea{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 3px;
}

div#form-edit-task .contenidoform .campo input:focus,
div#form-edit-task .contenidoform .campo textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}

div#form-edit-task .contenidoform .campo input#description{
width:300px;
}


div#form-edit-task .contenidoform .campo select#id_task_type{
width:305px;
}

div#form-edit-task .contenidoform .campo input.bloqueado{
color:#949290;
}

div#form-edit-task .contenidoform .campo textarea#observations{
width:300px;
height:60px;
}

div#form-addtask .contenidoform .campo textarea#caducity{
width:160px;
}

div#form-edit-task .contenidoform .campo select#priority{
width:165px;
}


div#form-edit-task div.contenidoform input#submit{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 3px 10px 3px 26px;
color:#464646;
background: #eeeeee url(../img/documental/gif/accept.gif) no-repeat left center;
font-size:1em;
margin-top:20px;
}

div#form-edit-task div.contenidoform input#submit:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}


/*  ##########################################################  */


/*  formulario form finish task  */

div#form-finish-task{
font-family:Verdana, Arial, Helvetica;
width:100%;
margin:0;
font-size:1.2em;
}


div#form-finish-task div.contenidoform
{
margin:20px;
width:400px;
float:left;
padding-bottom:1em;
}


div#form-finish-task div.contenidoform .campo{
margin-bottom:10px;
display:block;
margin:auto;
}

div#form-finish-task div.contenidoform .campo label{
display:block;
margin-bottom:5px;
font-size:0.8em;

}

div#form-finish-task div.contenidoform .campo input,
div#form-finish-task div.contenidoform .campo textarea{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 3px;
}

div#form-finish-task div.contenidoform .campo input:focus,
div#form-finish-task div.contenidoform .campo textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}



div#form-finish-task div.contenidoform .campo textarea#observations_receiver_end{
width:450px;
height:100px;
}



/* boton 1  */

div#form-finish-task div.contenidoform span.botonsubmit{
margin-left:20px;
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 0 2px 0px;
background: #eeeeee;
}

div#form-finish-task div.contenidoform span.botonsubmit:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background: #eeeeee;
}

div#form-finish-task div.contenidoform input#submit{
color:#464646;
font-size:14px;
margin-top:20px;
border:0;
background: #eeeeee url(../img/documental/gif/group_go.gif) no-repeat 5px center;
padding-left:25px;
border:0;
text-align:left;
width:90px;
}

div#form-finish-task div.contenidoform input#submit:hover{
color:#2b2b2b;
border:0;
}



/*  boton 2 */

div#form-finish-task div.contenidoform span.botoncancelar{
margin-left:20px;
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 0 2px 0px;
background: #eeeeee;
}

div#form-finish-task div.contenidoform span.botoncancelar:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background: #eeeeee;
}

div#form-finish-task div.contenidoform input#bt_cancelar{
color:#464646;
font-size:14px;
margin-top:20px;
border:0;
background: #eeeeee url(../img/documental/gif/delete.gif) no-repeat 5px center;
padding-left:25px;
border:0;
text-align:left;
width:90px;
}


div#form-finish-task div.contenidoform input#bt_cancelar:hover{
color:#2b2b2b;
border:0;
}



/*  boton 3 */

div#form-finish-task div.contenidoform span.botonfirmar{
margin-left:20px;
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 0 2px 0;
background: #eeeeee;
}

div#form-finish-task div.contenidoform span.botonfirmar:hover{
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background: #eeeeee;
}

div#form-finish-task div.contenidoform input#bt_firmar{
color:#464646;
font-size:14px;
margin-top:20px;
border:0;
background: #eeeeee url(../img/documental/gif/vcard_edit.gif) no-repeat 5px 50%;
padding-left:25px;
border:0;
text-align:left;
width:140px;
}


div#form-finish-task div.contenidoform input#bt_firmar:hover{
color:#2b2b2b;
border:0;
}


/*  ++++++++++++++++++++++++++++++++    */


/*  view pop-up ficha usuario  */

div#form-view-user{
font-family:Verdana, Arial, Helvetica;
margin:0;
}

div#form-view-user div.contenidoform
{
margin:10px;
margin-top:30px;
width:380px;
}

div#form-view-user div.contenidoform div.dato{
font-size:11px;
color:#464646;
padding:3px;
padding-left:20px;
margin-bottom:1em;
}

div#form-view-user div.contenidoform div#username{
background: #ffffff url(../img/documental/gif/bullet_blue.gif) no-repeat left 0;
padding-left:20px;
}

div#form-view-user div.contenidoform div#password{
padding-left:20px;
background: #ffffff url(../img/documental/gif/bullet_key.gif) no-repeat left 0;
}

div#form-view-user div.contenidoform div#nombre{
padding-left:20px;
background: #ffffff url(../img/documental/gif/vcard.gif) no-repeat left 0;
}

div#form-view-user div.contenidoform div span.clave{}

div#form-view-user div.contenidoform div span.valor{
font-size: 11px;
color:gray;
font-style:italic;
}




/*  ------------------------------------------------    */

div#form-add-resource{
font-family:Verdana, Arial, Helvetica;
width:100%;
margin:0;
font-size:1.2em;
}


div#form-add-resource div.contenidoform
{
margin:20px;
width:400px;
}

div#form-add-resource div.contenidoform .campo{
margin-bottom:10px;

}

div#form-add-resource div.contenidoform .campo label{
display:block;
margin-bottom:2px;
font-size:0.9em;
}

div#form-add-resource .contenidoform .campo input,
div#form-add-resource .contenidoform .campo textarea{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 3px;
}

div#form-add-resource .contenidoform .campo input:focus,
div#form-add-resource .contenidoform .campo textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}

div#form-add-resource .contenidoform .campo input#description{
width:340px;
}

div#form-add-resource .contenidoform .campo input#link{
width:340px;
}


div#form-add-resource .contenidoform .campo textarea#observations_file{
width:340px;
height:50px;
}


div#form-add-resource .contenidoform input#submit_button{
background: url(../img/documental/gif/add.gif) no-repeat left 50%;

border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 5px 2px 20px;
color:#464646;
font-size:1em;
}


div#form-add-resource .contenidoform input#submit_button:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

/*  -----------------------------   */



/*  el mismo que el anterior, pero en el caso de que esté (ha sido llamado) desde  edit-task    */


div#form-edit-task div#form-add-resource{
font-family:Verdana, Arial, Helvetica;
width:100%;
margin:0;
font-size:0.9em;

}


div#form-edit-task div#form-add-resource div.contenidoform
{
margin:20px;
width:390px;
padding-bottom:10px;
border-bottom: 1px solid gray;
margin-right:10px;
}

div#form-edit-task div#suplemento{
font-size:1em;
}

/*
div#form-edit-task div#suplemento h4{
font-size:12px;
font-weight:normal;
letter-spacing:1px;
color:#464646;
background: url(../img/documental/page_attach.png) no-repeat left 0px;
padding-left:20px;
padding-top:2px;
min-height:18px;
margin-right:30px;
}
*/

div#form-edit-task div#suplemento ul.recursos{
}

div#form-edit-task div#form-add-resource div.contenidoform .campo{
margin-bottom:10px;

}

div#form-edit-task div#form-add-resource div.contenidoform .campo label{
display:block;
margin-bottom:2px;
font-size:0.9em;
}

div#form-edit-task div#form-add-resource .contenidoform .campo input,
div#form-edit-task div#form-add-resource .contenidoform .campo textarea{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 3px;
}

div#form-edit-task div#form-add-resource .contenidoform .campo input:focus,
div#form-edit-task div#form-add-resource .contenidoform .campo textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}

div#form-edit-task div#form-add-resource .contenidoform .campo input#description{
width:340px;
}

div#form-edit-task div#form-add-resource .contenidoform .campo input#link{
width:340px;
}


div#form-edit-task div#form-add-resource .contenidoform .campo textarea#observations_file{
width:340px;
height:50px;
}


div#form-edit-task div#form-add-resource .contenidoform input#submit_button{
background: url(../img/documental/gif/add.gif) no-repeat left 50%;

border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 2px 5px 2px 20px;
color:#464646;
font-size:1em;

}


div#form-edit-task div#form-add-resource .contenidoform input#submit_button:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}



/*  ---------------------------------   */




/*  ---------------------------------   */


/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*  zona administrador  */


#app-documental #admin {
font-size:0.8em;
}


#app-documental #admin table {
border-collapse: separate;
border-spacing: 1px;
}

/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*	zona usuario                                         			*/
#app-documental #zona-usuario-admin
{
width:100%;
border-top: 2px solid #8DBDD8;
font-size:0.8em;
color:#464646;
padding: 5px 0px;
}

#app-documental #zona-usuario-admin #return{
margin-left:3em;
float:left;
width:200px;
}
#app-documental #zona-usuario-admin #return p span.back{
padding-left:20px;
background: url(../img/documental/application_go.png) no-repeat left 0px;
}

#app-documental #zona-usuario-admin #return p span.back a:hover{
color:#8DBDD8;
}

#app-documental #zona-usuario-admin #usuario{
margin-right:0em;
float:right;
width:300px;
padding-left:18px;
padding-top:2px;
padding-bottom:2px;
background: url(../img/documental/user.png) no-repeat left 1px;
height:20px;
}




#app-documental #zona-usuario-admin #usuario a:hover{
color:#8DBDD8;
}

/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



#app-documental #admin #cabecera-admin{
margin-right: 0pt;
margin-top: 1em;
margin-left: 0pt;
padding-bottom: 0pt;

width: 100%;
margin-bottom: 20px;
}

#app-documental #admin ul.menu-principal
{
padding-left:100px;
}

#app-documental #admin ul.menu-principal li
{
float: left;
margin-left: 0em;
list-style: none;
}


#app-documental #admin ul.menu-principal li a,
#app-documental #admin ul.menu-principal li strong {
float: left;
background-color: #E6EEEE;
color: #DDD;
font-weight: normal;
text-decoration: none;
color:#464646;
}
#app-documental #admin ul.menu-principal li strong {
font-weight:bold;
}

#app-documental #admin ul.menu-principal li span {
display: block;
padding: 0.5em 1.5em;
}

#app-documental #admin ul.menu-principal li a:hover {
color: #FFF;
text-decoration: none!important;
background-color: #888372;


}

#app-documental #admin ul.menu-principal li.active a,
#app-documental #admin ul.menu-principal li.active strong {
color: #453;
background: #E3F5CE;
}

#app-documental #admin ul.menu-principal li.active a{
background-color:#445533;
}

#app-documental #admin ul.menu-principal li.actual a{
background-color:#8DBDD8;
color:#464646;
}

#app-documental #admin ul.menu-principal li.active a span,
#app-documental #admin ul.menu-principal li.active strong span {
}



#app-documental #admin #contenedor{
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
min-width: 760px;
max-width: 1280px;
padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
}




#app-documental #admin ul.menu-principal li a.inicio{
background: url(../img/documental/inicio_on.png) no-repeat left center;
}

#app-documental #admin div.seccion{
padding: 2px 30px 2px 30px;
color: #445533;
font-family: "Helvetica Neue",Arial,Helvetica,Tahoma,sans-serif;
background-color:#8DBDD8;
color:#464646;
font-weight: normal;
font-family: Helvetica,Arial,serif;
letter-spacing: 0.5px;
}


#app-documental #admin #contenedor #pagina{
/*background-color:#ffffff;*/
/*border: solid 1px #aeccba;*/
border-top:none;
padding-top:0px;
}

#app-documental #admin #contenedor #pagina div.menu-abm{
}

#app-documental #admin #contenedor #pagina div.menu-abm span.bt-list-on,
#app-documental #admin #contenedor #pagina div.menu-abm span.bt-list-off{
background: url(../img/documental/page_white_text_on.png) no-repeat left 50%;
padding-left:20px;
margin-right:30px;
}

#app-documental #admin #contenedor #pagina div.menu-abm span.bt-list-off{
background: url(../img/documental/page_white_text_off.png) no-repeat left 50%;
color:gray;
}

#app-documental #admin #contenedor #pagina div.menu-abm span.bt-add-on,
#app-documental #admin #contenedor #pagina div.menu-abm span.bt-add-off{
background: url(../img/documental/page_white_add_on.png) no-repeat left 50%;
padding-left:20px;
margin-right:30px;
}

#app-documental #admin #contenedor #pagina div.menu-abm span.bt-add-off{
background: url(../img/documental/page_white_add_off.png) no-repeat left 50%;
color:gray;
}

#app-documental #admin #contenedor #pagina div.menu-abm span.bt-edit-off{
background: url(../img/documental/edit_off.png) no-repeat left 50%;
color:gray;
padding-left:20px;
margin-right:30px;
}

#app-documental #admin #contenedor #pagina div.menu-abm a:hover{
color:#8DBDD8;
}


#app-documental #admin #contenedor #pagina #navegacion-migas{
color:#3d3d3d;
font-family:tahoma, verdana, arial;
font-size:1em;
}

#app-documental #admin #contenedor #pagina #navegacion-migas a:hover{
color:#0092ba;
}

#app-documental #admin .padding30px{
padding: 0 30px;
}

#app-documental #admin .padding20px{
padding: 0px 20px;
}


#app-documental #admin .padding10px{
padding: 0px 10px;
}

#app-documental #admin #contenedor #pagina h2{
font-weight:normal;
font-size:1.2em;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
letter-spacing: 2px;
padding: 0px 10px 0px 0px;
color:#464646;
}

#app-documental #admin #contenedor #pagina p.introduccion
{
font-size:0.9em;
line-height:1.1em;
color:#3d3d3d;
margin: 0 0 1em 0;
font-family:tahoma;
text-align: justify;
border-bottom: dotted 1px #8DBDD8;
padding:3px 0;
}


#app-documental #admin #contenedor #pagina .bienvenida{
border: solid 1px #cdcdcd;
float:left;
width:80%;
font-family:arial;
padding-top:20px;
background: url(../img/documental/carpetazo.png) no-repeat right bottom;
background-color:#e9eff3;
margin-top:1em;
/*min-height:320px;*/
}

#app-documental #admin #contenedor #pagina .bienvenida a:link,
#app-documental #admin #contenedor #pagina .bienvenida a:visited,
#app-documental #admin #contenedor #pagina .bienvenida a:hover,
#app-documental #admin #contenedor #pagina .bienvenida a:active{
text-decoration:underline;
}

#app-documental #admin #contenedor #pagina .bienvenida a:hover{
color:#6188A0;
text-decoration:none;
}

#app-documental #admin #contenedor #pagina .bienvenida p{
margin-bottom:2em;
}

#app-documental #admin #contenedor #pagina .bienvenida span{
display:block;
font-size:1em;
height:17px;
font-family:verdana;
}

#app-documental #admin #contenedor #pagina .bienvenida span.seccion_tareas{
background: url(../img/documental/tareas_icon.png) no-repeat left top;
padding-left:20px;
}

#app-documental #admin #contenedor #pagina .bienvenida span.seccion_tipos-usuarios{
background: url(../img/documental/tipos-tarea_icon.png) no-repeat left top;
padding-left:20px;
}

#app-documental #admin #contenedor #pagina .bienvenida span.seccion_usuarios{
background: url(../img/documental/usuarios_icon.png) no-repeat left top;
padding-left:20px;
}


#app-documental #admin #contenedor #pagina .bienvenida span.seccion_movimientos{
background: url(../img/documental/movimientos_icon.png) no-repeat left top;
padding-left:20px;
}

#app-documental #admin #contenedor #pagina .bienvenida span.seccion_graficos{
background: url(../img/documental/informes-grafios_icon.png) no-repeat left top;
padding-left:20px;
}

#app-documental #admin #contenedor #pagina .bienvenida span.seccion_informes{
background: url(../img/documental/informes_icon.png) no-repeat left top;
padding-left:20px;
}

#app-documental #admin #contenedor #pagina .bienvenida span.descripcion{
font-size:0.8em;
color:#464646;
padding-left:20px;
}

#app-documental #admin #contenedor #pagina .tablas-datos{
/*border: solid 1px red;*/
font-family:arial;
padding-top:0px;
/*background: url(../img/documental/carpetazo.png) no-repeat right bottom;*/
/*background-color:#e9eff3;*/
margin-bottom:50px;
}


#app-documental #admin #contenedor #pagina .filtros-grafos{


}


#app-documental #admin #contenedor #pagina #resumen-home{
width:18%;
float:right;
border: solid 1px #cdcdcd;
background-color:#E9EFF3;
padding-top:20px;
margin-top:1em;
/*min-height:320px;*/
}

#app-documental #admin #contenedor #pagina #resumen-home h2
{
/*background: url(../img/documental/resumen_icon.png) no-repeat left top;*/
/*padding-left:20px;*/
padding-top:1px;
color:#464646;

font-weight: normal;
font-family: Helvetica,Arial,serif;
letter-spacing: 0.5px;
font-size:0.9em;
}


#app-documental #admin #contenedor #pagina #resumen-home h3{
/*padding-left: 20px;*/
color:#464646;
margin-bottom:0.3em;
height:16px;
}

#app-documental #admin #contenedor #pagina #resumen-home h3.tareas{
/*background: url(../img/documental/tarea-mini_icon.gif) no-repeat left top;*/
}

#app-documental #admin #contenedor #pagina #resumen-home h3.movimientos{
/*background: url(../img/documental/movimientos-mini_icon.gif) no-repeat left top;*/
}

#app-documental #admin #contenedor #pagina #resumen-home h3.usuarios{
/*background: url(../img/documental/usuarios-mini_icon.gif) no-repeat left top;*/
}

#app-documental #admin #contenedor #pagina #resumen-home ul{
margin-bottom:1em;
margin-left:15px;
}


#app-documental #admin #contenedor #pagina #resumen-home ul li{
height:17px;
margin-bottom:2px;
color:#888888;
}
#app-documental #admin #contenedor #pagina #resumen-home ul li{
}

#app-documental #admin #contenedor #pagina #resumen-home ul li strong{color:#3e6e83; font-weight:normal;}


#app-documental #admin #contenedor #pagina #filtros-grafos{

padding: 10px;
width:390px;
margin-right:20px;
float:left;
}

#app-documental #admin #contenedor #pagina .grafo{

}



#app-documental #admin #pie-admin{
margin-top: 5em;
line-height:1.5em;
width:100%;
background-color:#8DBDD8;

position:absolute; bottom:0;
}

#app-documental #admin #pie-admin p{
letter-spacing:1px;
margin:5px 20px;
}

/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/*  CSS para los formularios    */

/*  formulario  .edicion comun para todo el panel de administracion */

#app-documental #admin #contenedor form.edicion{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
padding: 15px 0;
width:90%;
margin:auto;
color: #464646;
}

#app-documental #admin #contenedor form.edicion label{
display:block;
width:150px;
text-align:right;
float:left;
font-weight:bold;
}

#app-documental #admin #contenedor .tablas-datos form.edicion div.campo{
margin-bottom:1em;
}

#app-documental #admin #contenedor form.edicion div.dato{
margin-left: 175px;
padding-bottom:0.5em;
}

#app-documental #admin #contenedor form.edicion div.dato p{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:0.9em;
color:#464646;
margin-top:2px;
font-style:italic;
}

#app-documental #admin #contenedor form.edicion div.botonera-form
{
margin-left:175px;
margin-top:1em;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
border-top: solid 1px #8DBDD8;
width:500px;
padding-top:10px;
}

#app-documental #admin #contenedor form.edicion div.dato input{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
width:350px;
}

#app-documental #admin #contenedor form.edicion div.botonera-form input.bt-editar{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 3px 10px 3px 10px;
color:#464646;
padding-left:26px;
background: #eeeeee url(../img/documental/admin_ok.png) no-repeat left center;
}

#app-documental #admin #contenedor form.edicion div.botonera-form input.bt-cancelar{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 3px 10px 3px 10px;
color:#464646;
padding-left:26px;
background: #eeeeee url(../img/documental/admin_cancelar.png) no-repeat left center;
}

#app-documental #admin #contenedor form.edicion div.botonera-form span.cancelar{
margin-left:1em;
}

#app-documental #admin #contenedor form.edicion div.botonera-form span.cancelar a{
background: url(../img/documental/admin_cancelar_16px.png) no-repeat right 70%;
padding-right:14px;
color:#464646;
}

#app-documental #admin #contenedor form.edicion div.botonera-form span.cancelar a:hover{
color:#D26F54;
}
#app-documental #admin #contenedor form.edicion div.botonera-form span.cancelar a:active{}

#app-documental #admin #contenedor form.edicion div.botonera-form input.boton:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

#app-documental #admin #contenedor form.edicion div.dato input:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}


#app-documental #admin #contenedor form.edicion div.dato textarea{
border: solid 1px #bcbcbc;
margin-bottom:1em;
color:#464646;
padding:3px 5px;
width:350px;
}


#app-documental #admin #contenedor form.edicion div.dato textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}



/*  css para el mini-formulario de  "filtros" para generar el grafo */

#app-documental #admin #contenedor-grafo
{
margin:auto;
max-width:1000px;
margin-bottom:50px;
}


/*   filters */
#app-documental #admin #contenedor-grafo #filters{
width:90%;
margin:auto;
border: solid 1px #E6EEEE;
background-color:#f4f6f6;
padding:10px;
padding-bottom:0;
margin-bottom:10px;
}


/*  grafico */
#app-documental #admin #contenedor-grafo #grafico{
width:90%;
margin:auto;
}


/*  grafico > flashcontent  */
#app-documental #admin #contenedor-grafo #grafico #flashcontent{ 
width:100%;/*520: px;*/
max-width:930px;
/*border: 1px solid #8DBDD8;*/
height:420px;
margin:auto;
padding:10px;
/*background-color:#0BA0FF;*/
}

/*  grafico > explicacion   */
#app-documental #admin #contenedor-grafo #grafico #explicacion{
font-size:0.8em;
text-align:right;
color: #464646;
}



/*  informe-user    */
#app-documental #admin #contenedor-grafo #informe-user{
text-align:left;
margin:auto;
margin-bottom:1em;
width:90%;
border: solid 1px #E6EEEE;
background-color:#f4f6f6;
padding:10px;
color:#464646;
}

#app-documental #admin #contenedor-grafo h2.titulo{
color:#565656;
border-left:4px solid #8DBDD8;
padding-left:3px;
font-weight:normal;
font-size:1.1em;
margin-bottom:10px;
}

#app-documental #admin #contenedor-grafo h3.tareas{
background: url(../img/documental/table_error.png) no-repeat left 0;
padding: 2px 0;
padding-left:20px;
color:#565656;
margin-bottom:5px;
font-weight:normal;
}

#app-documental #admin #contenedor-grafo h3.movimientos{
background: url(../img/documental/table_refresh.png) no-repeat left 0;
padding: 2px 0;
padding-left:20px;
color:#565656;
font-weight:normal;
margin-bottom:5px;
}


#app-documental #admin #contenedor-grafo h4{
font-weight:normal;
}


#app-documental #admin #contenedor-grafo #informe-user #resumen{
float:left;
width:350px;
}

#app-documental #admin #contenedor-grafo #informe-user #resumen .columna-izqda
{
float:left;
}

#app-documental #admin #contenedor-grafo #informe-user #resumen .columna-dcha{
float: right;
}

#app-documental #admin #contenedor-grafo #informe-user #bucles{
float:left;
width:250px;
margin-left:100px;
}


/*  css para el formulario de filtrados */
#app-documental #admin #filters form{
margin: 15px 0;
text-align:left;
color:#555555;
}

#app-documental #admin #filters form label{
width:90px;
float:left;
}

#app-documental #admin #filters form div.dato{
margin-bottom:1em;
display:inline;
}

#app-documental #admin #filters form select{
border: solid 1px #bcbcbc;
color:#464646;
padding:0px 5px;
padding-bottom:0px;
font-size:0.9em;
margin-right:20px;
}

#app-documental #admin #filters form select option{

}

#app-documental #admin #filters form div.dato input.hasDatepicker{
width:80px;
}


#app-documental #admin #filters input.bt-filtrar{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/filtrar.png) no-repeat 5px center;
margin-left:20px;
}


#app-documental #admin #filters form input.bt-filtrar:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

/*  css detalle del usuario en: documental/report/user  */

#app-documental #admin #resumen-usuario{ 
padding-top:20px;
text-align:center;
margin:auto;
}

#app-documental #admin #resumen-usuario #contenedor{
text-align:center;
margin:center;
width:940px;
}

#app-documental #admin #resumen-usuario #resumen{ 
width:190px;
color:#464646;
float:left;
text-align:left;
}

#app-documental #admin #resumen-usuario #resumen #columna-dcha{
margin:0;
}

#app-documental #admin #resumen-usuario #resumen #columna-izqda{
margin:0;
}

#app-documental #admin #resumen-usuario #resumen h2{
background:none;
font-weight:normal;
font-size:1.2em;
font-family: Arial, Verdana, Helvetica;
color:#464646;
border: solid 1px #8DBDD8;
background-color: #DCEAF0;
padding: 0 0 0 10px;
}

#app-documental #admin #resumen-usuario #resumen h3{
margin: 1em 0 0 0;
font-weight:normal;
padding:2px 0 2px 20px;
min-height:20px;
}

#app-documental #admin #resumen-usuario #resumen h3.tareas{
background: url(../img/documental/table_error.png) no-repeat left 0;
}

#app-documental #admin #resumen-usuario #resumen h3.movimientos{
background: url(../img/documental/table_refresh.png) no-repeat left 0;
}

#app-documental #admin #resumen-usuario #resumen ul{
margin-left:20px;
margin-top:0;
}
#app-documental #admin #resumen-usuario #resumen ul li{}
#app-documental #admin #resumen-usuario #resumen ul.tareas{}
#app-documental #admin #resumen-usuario #resumen ul.movimientos{}



#app-documental #admin #resumen-usuario #barchar{
float:left;
margin-left:20px;
}

#app-documental #admin #resumen-usuario #barchar h2{
font-weight:normal;
font-size:1.2em;
font-family: Arial, Verdana, Helvetica;
color:#464646;
border: solid 1px #8DBDD8;
background-color: #DCEAF0;
padding: 0 0 0 10px;
width:190px;
margin-bottom:0.5em;
}

#app-documental #admin #resumen-usuario #barchar #chart1,
#app-documental #admin #resumen-usuario #barchar #chart2,
#app-documental #admin #resumen-usuario #barchar #chart3,
#app-documental #admin #resumen-usuario #barchar #piechart{ 
width:700px;
height:250px;
border: #8DBDD8 solid 1px;
margin-bottom:1em;
}


#app-documental #admin #resumen-usuario #grafico{
width:700px;
max-width:735px;
height:420px;
/*float:right;*/
border: dotted solid green;
}






/*  css para el formulario de filtrado de tareas de "admin" */



#app-documental #admin #filter-task form{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
padding: 5px 0;
color: #464646;
margin-bottom:10px;
}


#app-documental #admin #filter-task form fieldset{
margin:auto;
}

#app-documental #admin #filter-task form label{
display:block;
width:120px;
text-align:right;
float:left;
margin-top:3px;
}

#app-documental #admin #filter-task div.campo{
margin-bottom:0px;
}

#app-documental #admin #filter-task form div.dato{
margin-left: 135px;
padding-bottom:0.5em;
}


#app-documental #admin #filter-task form div.dato span{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:0.9em;
color:#464646;
margin-top:2px;
margin-left:20px;
font-style:italic;
height:25px;
}

#app-documental #admin #filter-task form div.botonera-form
{
margin-left:135px;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
border-top: solid 1px #8DBDD8;
width:250px;
padding-top:5px;
}

#app-documental #admin #filter-task form div.dato input{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
width:80px;
}



#app-documental #admin #filter-task form div.dato input#description{
width:215px;
}

#app-documental #admin #filter-task form div.dato select{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
padding-bottom:0px;
width:225px;
}

#app-documental #admin #filter-task form div.dato option{
color:#464646;
padding:0px 0px;
}

#app-documental #admin #filter-task form div.botonera-form input.bt-filtrar{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/filtrar.png) no-repeat 5px center;
margin-right:30px;
}


#app-documental #admin #filter-task form div.botonera-form input.bt-filtrar:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}


#app-documental #admin #filter-task form div.botonera-form input.bt-reset{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/reset-icon.png) no-repeat 5px center;
}


#app-documental #admin #filter-task form div.botonera-form input.bt-reset:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

#app-documental #admin #filter-task form div.dato input:focus,
#app-documental #admin #filter-task form div.dato select:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}


#app-documental #admin #filter-task form div.dato textarea{
border: solid 1px #bcbcbc;
margin-bottom:1em;
color:#464646;
padding:3px 5px;
width:350px;
}


#app-documental #admin #filter-task form div.dato textarea:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}



/*  css para el form  add-tasktype*/

#app-documental #admin #form-add-tasktype form{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
padding: 5px 0;
width:100%;
color: #464646;
margin-bottom:10px;
margin-top:50px;
}


#app-documental #admin #form-add-tasktype form fieldset{
margin:auto;
}

#app-documental #admin #form-add-tasktype form label{
display:block;
width:120px;
text-align:right;
float:left;
margin-top:3px;
}

#app-documental #admin #form-add-tasktype div.campo{
margin-bottom:0px;
}

#app-documental #admin #form-add-tasktype form div.dato{
margin-left: 135px;
padding-bottom:0.5em;
}


#app-documental #admin #form-add-tasktype form div.dato span{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:0.9em;
color:#464646;
margin-top:2px;
margin-left:20px;
font-style:italic;
height:25px;
}

#app-documental #admin #form-add-tasktype form div.botonera-form
{
margin-left:135px;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
border-top: solid 1px #8DBDD8;
width:260px;
padding-top:15px;
display:block;
text-align:left;
}

#app-documental #admin #form-add-tasktype form div.dato input{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
width:80px;
}

#app-documental #admin #form-add-tasktype form div.dato input#description{
width:250px;
}

#app-documental #admin #form-add-tasktype form div.botonera-form input.bt-add{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/add_16x16.png) no-repeat 5px center;
}


#app-documental #admin #form-add-tasktype form div.botonera-form input.bt-add:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}


#app-documental #admin #form-add-tasktype form div.dato input:focus,
#app-documental #admin #form-add-tasktype form div.dato select:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}


/*  css del form form-edit-tasktype */

#app-documental #admin #form-edit-tasktype form{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
padding: 5px 0;
width:100%;
color: #464646;
margin-bottom:10px;
margin-top:50px;
}

#app-documental #admin #form-edit-tasktype form fieldset{
margin:auto;
}

#app-documental #admin #form-edit-tasktype form label{
display:block;
width:120px;
text-align:right;
float:left;
margin-top:3px;
}

#app-documental #admin #form-edit-tasktype div.campo{
margin-bottom:0px;
}

#app-documental #admin #form-edit-tasktype form div.dato{
margin-left: 135px;
padding-bottom:0.5em;
}


#app-documental #admin #form-edit-tasktype form div.dato span{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:0.9em;
color:#464646;
margin-top:2px;
margin-left:20px;
font-style:italic;
height:25px;
}

#app-documental #admin #form-edit-tasktype form div.botonera-form
{
margin-left:135px;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
border-top: solid 1px #8DBDD8;
width:260px;
padding-top:15px;
}

#app-documental #admin #form-edit-tasktype form div.dato input{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
width:80px;
}

#app-documental #admin #form-edit-tasktype form div.dato input#description{
width:250px;
}


#app-documental #admin #form-edit-tasktype form div.botonera-form input.bt-submit{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/accept.png) no-repeat 5px center;
}


#app-documental #admin #form-edit-tasktype form div.botonera-form input.bt-submit:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}


#app-documental #admin #form-edit-tasktype form div.dato input:focus,
#app-documental #admin #form-edit-tasktype form div.dato select:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}


/*  +++++++++++++++++++++++++++++   */




/*  css del form form-edit-users */

#app-documental #admin #form-edit-users form{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
padding: 5px 0;
width:100%;
color: #464646;
margin-bottom:10px;
margin-top:50px;
}

#app-documental #admin #form-edit-users form fieldset{
margin:auto;
}

#app-documental #admin #form-edit-users form label{
display:block;
width:120px;
text-align:right;
float:left;
margin-top:3px;
}

#app-documental #admin #form-edit-users div.campo{
margin-bottom:0px;
}

#app-documental #admin #form-edit-users form div.dato{
margin-left: 135px;
padding-bottom:0.5em;
}


#app-documental #admin #form-edit-users form div.dato span{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:0.9em;
color:#464646;
margin-top:2px;
margin-left:20px;
font-style:italic;
height:25px;
}

#app-documental #admin #form-edit-users form div.botonera-form
{
margin-left:135px;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
border-top: solid 1px #8DBDD8;
width:260px;
padding-top:15px;
clear:both;
}

#app-documental #admin #form-edit-users form div.dato input{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
width:80px;
}

#app-documental #admin #form-edit-users form div.dato input.description{
width:250px;
}


#app-documental #admin #form-edit-users form div.botonera-form input.bt-submit{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/accept.png) no-repeat 5px center;
margin-right:20px;
}


#app-documental #admin #form-edit-users form div.botonera-form input.bt-submit:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

#app-documental #admin #form-edit-users form div.botonera-form input.bt-reset{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/reset-icon.png) no-repeat 5px center;
}


#app-documental #admin #form-edit-users form div.botonera-form input.bt-reset:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}



#app-documental #admin #form-edit-users form div.dato input:focus,
#app-documental #admin #form-edit-users form div.dato select:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}

/*  ++++++++++++++++++++++++++++++++++++    */


/*  css para el form filter-user   */


#app-documental #admin #filter-user form{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
padding: 5px 0;
width:100%;
color: #464646;
margin-bottom:10px;
margin-top:30px;
}


#app-documental #admin #filter-user form fieldset{
margin:auto;
}

#app-documental #admin #filter-user form label{
display:block;
width:120px;
text-align:right;
float:left;
margin-top:3px;
}

#app-documental #admin #filter-user div.campo{
margin-bottom:0px;
}

#app-documental #admin #filter-user form div.dato{
margin-left: 135px;
padding-bottom:0.5em;
}


#app-documental #admin #filter-user form div.dato span{
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:0.9em;
color:#464646;
margin-top:2px;
margin-left:20px;
font-style:italic;
height:25px;
}

#app-documental #admin #filter-user form div.botonera-form
{
margin-left:135px;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
border-top: solid 1px #8DBDD8;
width:230px;
padding-top:5px;
}

#app-documental #admin #filter-user form div.dato input{
border: solid 1px #bcbcbc;
color:#464646;
padding:1px 5px;
width:80px;
}

#app-documental #admin #filter-user form div.dato input#description{
width:215px;
}


#app-documental #admin #filter-user form div.botonera-form input.bt-filtrar{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/filtrar.png) no-repeat 5px center;
margin-right:20px;
}


#app-documental #admin #filter-user form div.botonera-form input.bt-filtrar:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}


#app-documental #admin #filter-user form div.botonera-form input.bt-reset{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 1px 10px 1px 20px;
color:#464646;
background: #eeeeee url(../img/documental/reset-icon.png) no-repeat 5px center;
}


#app-documental #admin #filter-user form div.botonera-form input.bt-reset:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
}

#app-documental #admin #filter-user form div.dato input:focus,
#app-documental #admin #filter-user form div.dato select:focus{
background-color:#ebf2fe;
border: solid 1px #E0ECFF;
}


/*  ######################  */
/*  paginator del admin */


#app-documental #admin #pagination{
text-align:right;
font-size:1em;
margin-top:20px;
margin-bottom:20px;
margin-right:50px;
color:#2b2b2b;
}


#app-documental #admin #pagination a{
text-decoration:none;
padding: 2px 5px;
color:#658898;
}

#app-documental #admin #pagination a:hover{
background-color:#DDEAF0;
}

#app-documental #admin #pagination ul{
display:inline;
}

#app-documental #admin #pagination ul li{
display:inline;
margin: 0 3px;
border: solid #DDEAF0 1px;
padding: 2px 0px;
}

#app-documental #admin #pagination ul li:hover{
background-color:#DDEAF0;
}

#app-documental #admin #pagination ul li.actual{
display:inline;
margin: 0 3px;
border: solid #DDEAF0 1px;
padding: 2px 0px;
background-color:#DDEAF0;
}

#app-documental #admin #pagination span.paginas{
font-size:0.9em;
color:#464646;
}

#app-documental #admin #pagination span.resultados{
font-size:1em;
color:#464646;
}


/*  #################################   */

/*  estilos para las "table sorted" del admin   */
/* tables */


table.tablesorter {
	font-family:verdana;
	background-color: #CDCDCD;
	margin:0px 0px 10px 0px;
	font-size: 0.8em;
	width: 100%;
    border-collapse: separate;
	/*border-spacing: 0;*/

}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #E6EEEE;
	border: 1px solid #FFF;
	font-size: 1em;
	padding: 4px;
	color:#464646;
	text-align:left;
}


table.tablesorter thead tr .header {
	/*background-image: url(../img/documental/bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	/*cursor: pointer;*/
}



table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 3px;
	background-color: #FFF;
	vertical-align: bottom;
}

table.tablesorter tbody tr.odd td {
background-color:#F7F7f7;
}

table.tablesorter tbody tr.caducada td {
background-color:#f9e1e1;
}



table.tablesorter thead tr .headerSortUp {
	/*background-image: url(../img/documental/asc.gif);*/
}
table.tablesorter thead tr .headerSortDown {
	/*background-image: url(../img/documental/desc.gif);*/
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #E6EEEE;
text-align:left;
}


table.tablesorter thead tr .iconos {
width:100px;
text-align:center;
padding:0px; 
font-weight:normal;
color:#464646;
}

/*  A la columna "iconos" de la tabla #users le amplio 50px extra para el icono de actividad    */
table#users.tablesorter thead tr .iconos {
width:200px;
text-align:center;
padding:0px; 
font-weight:normal;
color:#464646;
}

table.tablesorter thead tr .titular {
font-weight:normal;
padding-left: 0px;
}

table.tablesorter thead tr .titular a{
background: #E6EEEE url(../img/documental/asc-desc.gif) no-repeat left 50%;
text-decoration:none;
padding-left:20px;
color:#464646;
}

table.tablesorter tbody td.acciones{
text-align:center; 
padding:none;
}

table.tablesorter tbody td.acciones a{
margin:0;
padding:0;
}


table.tablesorter tbody td.acciones span#actividad_user{
/*margin-right:30px;*/
padding:0;
}

table.tablesorter tbody td.acciones img:hover{
}

table.tablesorter tbody td.acciones img{
margin-right:10px;
}

table.tablesorter tbody td.datos{
padding: 5px 0px;
padding-left:10px; 
}


table.tablesorter tbody td.prioridad{
padding-left:0px;
text-align:right;
padding-right:50px; 
}

table.tablesorter tbody td.descripcion a:link,
table.tablesorter tbody td.descripcion a:visited,
table.tablesorter tbody td.descripcion a:hover,
table.tablesorter tbody td.descripcion a:active{
background: url(../img/documental/flecha-right.png) no-repeat left 50%;
padding: 2px 0 2px 20px;
font-size:1.1em;
margin-bottom:2px;
/*text-decoration:none;*/
}

table.tablesorter tbody td.descripcion a:hover{
color:#5493b6;
background: url(../img/documental/view-task.png) no-repeat left 50%;
padding-left: 2px 0 2px 20px;
text-decoration:underline;
}

.max770px{
max-width:770px;
margin:2em 0 1em 0;
}


table#task-type.tablesorter td.descripcion a:link,
table#task-type.tablesorter td.descripcion a:visited,
table#task-type.tablesorter td.descripcion a:hover,
table#task-type.tablesorter td.descripcion a:active{
background: url(../img/documental/flecha-right.png) no-repeat left 50%;
padding: 2px 0 2px 20px;
font-size:1.1em;
margin-bottom:2px;
/*text-decoration:none;*/
}

table#task-type.tablesorter td.descripcion a:hover{
color:#5493b6;
background: url(../img/documental/edit-task.png) no-repeat left 50%;
padding-left: 2px 0 2px 20px;
text-decoration:underline;
}

/*  ############################### */

/*  "pop up"  task/view */


div#view-task{
font-family:Verdana, Arial, Helvetica;
width:100%;
margin:auto;
font-size:0.9em;
font-weight:normal;
}


div#view-task div.contenidoform
{
margin:20px;
}


div#view-task div.contenidoform div.task{
border-bottom: solid 1px #cdcdcd;
padding: 1px;
}


div#view-task div.contenidoform div.calendar{
font-size:0.7em;
margin-top:5px;
color:#464646;
}

div#view-task div.contenidoform div.calendar span.fecha{
color: gray;
margin-right:10px;
color:#5f5f5f;
}

div#view-task div.contenidoform div.task div.type{
color: #8DBDD8;
font-size: 0.9em;
font-weight: normal;
}

div#view-task div.contenidoform div.task div.description{
color: #3d7da0;
font-size: 1em;
}

div#view-task div.contenidoform div.observations{
font-style:italic;
color:#494949;
font-size:0.8em;
margin: 1em auto 1em auto;
padding-bottom:1em;
line-height:1.5em;
width:90%;
border-bottom: 1px dotted gray;
}

div#view-task div.contenidoform div.observations div.priority{
background: url(../img/documental/bullet-priority.png) no-repeat left 50%;
padding-left:15px;
font-size:0.9em;
color:#464646;
}

/* +++++++++++++++ */

div#view-task div.contenidoform table.movements {
font-family:verdana;
background-color: #cdcdcd;
margin:0px auto 0px auto;
font-size: 0.7em;
width: 90%;
border-collapse: separate!important;
/*border-spacing: 0;*/
border-spacing: 1px;
}

div#view-task div.contenidoform table.movements thead tr th, table.tablesorter tfoot tr th {
background-color: #E6EEEE;
border: 1px solid #ffffff;
font-size: 1em;
padding: 4px;
color:#464646;
text-align:left;
padding-left:10px; 
}


div#view-task div.contenidoform table.movements thead tr .header {
}

div#view-task div.contenidoform table.movements tbody td,
div#view-task div.contenidoform table.movements tbody th {
color: #3D3D3D;
padding: 3px;
vertical-align: bottom;
}

div#view-task div.contenidoform table.movements tbody th{
background-color:#E6EEEE;
}

div#view-task div.contenidoform table.movements tbody tr.finalizada td{
background-color:#ebfece;
}

div#view-task div.contenidoform table.movements tbody tr.no-finalizada td{
background-color:#fae9ea;
}

div#view-task div.contenidoform table.movements thead tr .iconos {
width:100px;
text-align:center;
padding:0px; 
font-weight:normal;
color:#464646;
}

div#view-task div.contenidoform table.movements thead tr .titular {
font-weight:normal;
padding-left:10px; 
}

div#view-task div.contenidoform table.movements thead tr .titular a{
background: #E6EEEE url(../img/documental/asc-desc.gif) no-repeat left 50%;
text-decoration:none;
padding-left:20px;
color:#464646;
}

div#view-task div.contenidoform table.movements tbody td.acciones{
text-align:center; 
padding:none;
}


div#view-task div.contenidoform table.movements tbody td.acciones img{
margin-right:5px;
}

div#view-task div.contenidoform table.movements tbody td.datos{
padding: 5px 0px;
padding-left:10px; 
}

div#view-task div.contenidoform table.movements tbody td.datos span.destino{
background: url(../img/documental/user_go.png) no-repeat left 50%;
padding: 2px 0 2px 20px;
}

div#view-task div.contenidoform table.movements tbody td.datos span.origen{
padding: 2px 0 2px 20px;
}

div#view-task div.contenidoform table.movements tbody td.prioridad{
padding-left:0px;
text-align:right;
padding-right:50px; 
}

#instalacion{
width:100%;
margin:auto;
margin-top:100px;
border-top: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
background-color:#fafafa;
padding:1em 0;
}
#instalacion .contenido{
margin: 0px auto;
margin-bottom:10px;
width:960px;
}

#instalacion .contenido table{
}

#instalacion .camino{
margin-bottom:2em;
}

#instalacion .contenido h1,
#instalacion .contenido h2,
#instalacion .contenido h3,
#instalacion .contenido h4,
#instalacion .contenido h5,
#instalacion .contenido h6{
color:#464646;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Verdana, Arial,sans-serif;
}

#instalacion p.siguiente-txt{
color:gray;
font-size:0.8em;
font-style:italic;
display:block;
text-align:center;
}

#instalacion .contenido h1{
font-size:0.7em;
font-family: Verdana, monospace, Courier, "Courier New";
margin-bottom:1em;
margin-top:0;
}

#instalacion .contenido h2{
font-size:1.4em;
}

#instalacion .contenido h3{
font-size:0.8em;
font-weight: normal;
}

#instalacion p.pVolver{
margin:3em 0;
color:gray;
font-size:1em;
}

#instalacion p.pVolver a:hover{
margin:3em 0;
color:gray;
font-size:1em;
color:#0BA0FF;
}


#instalacion .contenido a.next:link,
#instalacion .contenido a.next:visited,
#instalacion .contenido a.next:hover,
#instalacion .contenido a.next:active{
display:block;
width:150px;
margin: 2em auto 5px auto;
background-color:#ffffff;
font-family: "Lucida Sans Unicode","Lucida Grande",Verdana, Arial,sans-serif;
font-size:1em;
padding: 2px 10px;
text-align:center;
}

#instalacion .contenido a.next:hover{
color:#0BA0FF;
}


#instalacion .contenido a.finish:link,
#instalacion .contenido a.finish:visited,
#instalacion .contenido a.finish:hover,
#instalacion .contenido a.finish:active{
display:block;
width:150px;
margin: 1em auto 5px auto;
background-color:#ffffff;
font-family: "Lucida Sans Unicode","Lucida Grande",Verdana, Arial,sans-serif;
font-size:1em;
padding: 2px 10px;
text-align:center;
}

#instalacion .contenido a.finish:hover{
color:#0BA0FF;
}


#instalacion .contenido table#lst_datos{
width:500px;
}
#instalacion .contenido table#lst_datos tr{
}



#instalacion .contenido table{
font-size:0.9em;
margin:2em 0;
min-width:300px;
border-top:solid 1px #0BA0FF;
border-bottom:solid 1px #0BA0FF;
padding:1em 0;
}

#instalacion .contenido table tr th{
margin-bottom:1em;
color:#0BA0FF;
padding:0.5em 0;
text-align:left;
}

#instalacion .contenido table tr td{
padding:2px 0;
}



#instalacion .contenido div.contenidoform form{
background-color:#e9f4fb;
padding:10px;
margin:1em;
margin-left:0;
font-size:0.9em;
border: solid 1px #0BA0FF;
}

/*  css para zonas comunes de los forms */

#instalacion .contenido .campo input{
border:solid 1px gray;
}

#instalacion .contenido .campo input:focus{
background-color: #ebf2fe;
}

/*  formulario editar tipo de tarea */
#instalacion .contenido form#editTaskType{
font-size:0.9em;
}
#instalacion .contenido form#editTaskType .campo{

}
#instalacion .contenido form#editTaskType .campo label{
float:left;
width:110px;
}
#instalacion .contenido form#editTaskType .campo input{
margin-left:10px;
float:left;
width:160px;
padding:2px 0;
}

#instalacion .contenido form#editTaskType .botonera{
margin-top:1em;
margin-left:120px;
}

#instalacion .contenido form#editTaskType .botonera input{
width:160px;
}




/*  formulario editar usuario */
#instalacion .contenido form#formUsers{
font-size:0.9em;
}
#instalacion .contenido form#formUsers .campo{
display:block;
margin-bottom:1em;
}

#instalacion .contenido form#formUsers .campo label{
float:left;
width:90px;
}
#instalacion .contenido form#formUsers .campo input{
margin-left:10px;
float:left;
width:160px;
padding:2px 0;
}

#instalacion .contenido form#formUsers .botonera{
margin-top:1em;
margin-left:100px;
}

#instalacion .contenido form#formUsers .botonera input{
width:160px;
}


/*  formulario editar profiles */
#instalacion .contenido form#editProfiles{
font-size:0.9em;
}

#instalacion .contenido form#editProfiles table tr td{
width:250px;
text-align:center;
}

#instalacion .contenido form#editProfiles table tr td.botonera{
width:250px;
text-align:center;
valign:middle;
vertical-align:middle;
}

#instalacion .contenido form#editProfiles .campo{
display:block;
margin-bottom:1em;
}

#instalacion .contenido form#editProfiles .campo label{
display:block;
margin-bottom:15px;
}
#instalacion .contenido form#editProfiles .campo input{
display:block;
}

#instalacion .contenido form#editProfiles select{
display:block;
width:240px;
}

#instalacion .contenido form#editProfiles .botonera{
margin-top:1em;
margin-left:100px;
}

#instalacion .contenido form#editProfiles .botonera input{
width:160px;
}



/*  add tipo de tarea   */


/*  formulario editar tipo de tarea */
#instalacion .contenido form#formTaskType{
font-size:0.9em;
}
#instalacion .contenido form#formTaskType .campo{
float:left;
}
#instalacion .contenido form#formTaskType .campo label{
text-align:right;
float:left;
margin-right:20px;
}
#instalacion .contenido form#formTaskType .campo input{
float:left;
padding:2px 0;
}
#instalacion .contenido form#formTaskType .botonera{
float:left;
margin-left:2em;
}



/*  formulario añadir usuario  */
#instalacion .contenido form#formUsers{
font-size:0.9em;
}
#instalacion .contenido form#formUsers .campo{
float:left;
}
#instalacion .contenido form#formUsers .campo label{
text-align:right;
float:left;
margin-right:20px;
}
#instalacion .contenido form#formUsers .campo input{
float:left;
padding:2px 0;
}
#instalacion .contenido form#formUsers .botonera{
float:left;
margin-left:2em;
}





/*  CSS para los botones/links del proceso de instalacion   */


#instalacion .contenido a{}

#instalacion .contenido span.boton-add a{
background: #eeeeee url(../img/documental/gif/add.gif) no-repeat 5px center;
text-decoration:none;
font-size:11px;
padding: 4px 10px 4px 25px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
border-top: solid 1px #eeeeee;
}

#instalacion .contenido span.boton-add a:hover{
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
}