/** diseño general */
body {  margin: 0; padding: 0;  background: #F6F6F6 url(images/linea_fnd.png)  repeat-x;  }
#wrapper {  width: 85%; min-width: 775px; max-width:1200px; margin: 0 auto;  width:expression(document.body.clientWidth < 774? "775px": "auto" ); }
html>#wrapper { width: 85%; min-width: 775px; margin: 0px auto; } /* opera 7- */

/** cabecera */
#header { background: #FFF url(images/header_bkgnd.jpg) repeat-x; }

#header-inner { background: url(images/headers2021.png?2021) no-repeat; height: 190px;  }
#logo-sistema { background: url(images/sag_titulo.png?2018) no-repeat top right; width: 400px; height: 190px; float: right;}
/* #logo-sistema h1 { text-indent: -50000em; }*/

/*************************************************************************************************************/
/*********************************************  OIRS *********************************************************/
/*************************************************************************************************************/
/**** CSS PARA TOOLTIPS
 


/* Clase que tendra el tooltip */  
.cssToolTip {  padding:0px; float:right;  margin:0px;
 position: relative; /* Esta clase tiene que tener posicion relativa */
 /*color: #ff8c00; /* Color del texto */
}
 
/* El tooltip */
.cssToolTip span {
 background: #EDEDED url('img/info.gif') center left 5px no-repeat; 
 border: 2px solid #ccc;
 box-shadow: 5px 5px 5px #CCC;
 color: #222;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 0.8em;
 padding: 10px 10px 10px 35px;
 width: 250px;
 max-width: 60000px;
 position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: 15px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 30px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
 
}
 


/* El tooltip cuando se muestra */
.cssToolTip:hover span { 
 display: inline-block; float:left;/* Para mostrarlo simplemente usamos display block por ejemplo */
}



































/******** FIN CSS TOOLTIP
/** cabecera externo OIRS*/

body.oirs #header { background: #CCC url(images/oirs/header_bkgnd.jpg) repeat-x;}
body.oirs #header-inner { background: url(images/oirs/header_left.jpg?20110404) no-repeat; height: 114px; }
body.oirs #logo-sistema { background: url(images/oirs/header_right.jpg) no-repeat; width: 200px; height: 114px; float: right; }
body.oirs #logo-sistema h1 { text-indent: -50000em; }

/** Contenidos generales OIRS */
body.oirs #container { background: #FFFFFF url(images/oirs/content_left.jpg) repeat-y; }
body.oirs #container-inner { padding: 6px 14px 0 24px; background: url(images/oirs/content_right.jpg) repeat-y right; }


/** Pie de página (textos) OIRS */
body.oirs #footer { background: #FFFFFF url(images/oirs/content_left.jpg) repeat-y; color: #3366CC; text-align: center; font-size: 0.9em; }
body.oirs #footer-inner { padding: 16px 14px 14px 24px; background: url(images/oirs/content_right.jpg) repeat-y right; }
body.oirs #footer A { color: #3366CC; text-decoration: none; }
body.oirs #footer A:hover { text-decoration: underline; }

/** Final de la página OIRS */
body.oirs #bottom { background: url(images/oirs/footer_left.jpg) no-repeat left; margin-bottom: 10px; }
body.oirs #bottom-right { margin-left: 27px; background: url(images/oirs/footer_right.jpg) no-repeat right; }
body.oirs #bottom-inner { margin-right: 13px; background: url(images/oirs/footer_bkgnd.jpg)  no-repeat right;  height: 18px; }

/** Franja de navegación y cierre de sesión OIRS */
body.oirs #navigation { background: #648055 url(images/oirs/content_left_navigation.jpg) repeat-y; }
body.oirs #navigation-inner { padding: 0 16px 0 22px; background: url(images/oirs/content_right_navigation.jpg) repeat-y right; height: 23px; vertical-align:bottom; }
body.oirs #navigation #logout { float: right; }
body.oirs #navigation #logout A { overflow: hidden; text-indent: -5000px; background: url(images/header_logout.gif) no-repeat; display: block; width: 26px; height: 22px; }
body.oirs table.hvmenu { background-color: #6799FF;  }


body.oirs .titulo-ficha {    clear: both;}

body.oirs .titulo-ficha span {
    background: #CCCCC1 url(images/oirs/content_title_right_top.gif) top right no-repeat;
    padding: 2px 40px 2px 10px;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial;
    color: #000000;
    border: 0 solid #a4a4a4; border-width: 0 0 1px 0;
}

.titulo-ficha span span {
background:none;
border:none;
}

/*************************************************************************************************************/
/********************************************* FIN OIRS ******************************************************/
/*************************************************************************************************************/

/** Franja de navegación y cierre de sesión */
#navigation {  }
#navigation-inner { padding: 0 16px 0 22px; background: #FFF url(images/nav_fnd.png) repeat-x; height: 26px; vertical-align:bottom;  border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
#navigation #logout { float: right; }
#navigation #logout A { overflow: hidden; text-indent: -5000px; background: url(images/header_logout.gif) no-repeat; display: block; width: 26px; height: 22px; }
table.hvmenu { background-color: #FFF;  }

.login #navigation-inner {display:none;}

/** Contenidos generales */
#container { background: #FFFFFF url(images/content_left.jpg) repeat-y; }
#container-inner { padding: 6px 14px 0 14px; background: url(images/content_right.jpg) repeat-y right; }


/** Pie de página (textos) */
#footer { background: #FFFFFF url(images/content_left.jpg) repeat-y; color: #666; text-align: left; font-size: 0.9em; }
#footer-inner { padding: 16px 14px 14px 24px; background: url(images/content_right.jpg) repeat-y right; }
#footer A { color: #3366CC; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

#footer-direccion {
    float: left;
	
}

/** Final de la página */
#bottom { background: url(images/footer_left.jpg) no-repeat left; margin-bottom: 0px; }
#bottom-right { margin-left: 27px; background: url(images/footer_right.jpg) no-repeat right; }
#bottom-inner { margin-right: 13px; background: url(images/footer_bkgnd.jpg); height: 18px; }


#fin {
   float:left;
    background: url(images/headers.png?v=20111228) 0 -250px no-repeat;
}





/** Información adicional al comienzo del cuadro de contenido */
#sidebar { margin: 1px 0 8px 0; clear:both;}
#sidebar .fecha-actual { float: left; color: #999999; }
#sidebar .datos-usuario { float: right; text-align: right; font-weight: bold; }

/** Contenido general de cada pagina */
#content {
   min-height: 350px; border: 1px solid #CCCCCC;
}





#branding-exec { margin: 0 auto; text-align: center; color: #666; font-size: 7pt; padding: 0 0 10px 0; }
#branding-exec a { color: #666; text-decoration: none; }









/** Espaciador usado para contenidos que usen float */
.clear { clear: both;  margin: 0; padding: 0; }























/* Modificadores de "plantillas" de visualización */




/* Templates "empty" sin elementos decorativos, util para iframes */

body.empty #header,
body.empty #navigation,
body.empty #footer {
    display: none;
}
body.empty #content {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 100%
}


/* Cuadro de texto con mensaje loading */

body.iframe #banner-loading { top: 80px !important; }
body.popup #banner-loading { top: 80px !important; }
body.panel #banner-loading { top: 80px !important; }
body #banner-loading { top: 280px !important; }



#banner-loading { adisplay: none; z-index: 800; position:absolute; top: 540px; left: 0; width: 99%; }

#banner-loading div {
    margin: 0 auto; width: 650px;  height: 120px;
    background: black url(/template/default/images/loading-black.gif?v=1) no-repeat 170px -70px;
    color: white; text-align: center; padding-top: 150px;
    
    -moz-border-radius:    8px;
    -webkit-border-radius: 8px;
    border-radius:         8px;
    
    -moz-box-shadow:    3px 3px 9px #666;
    -webkit-box-shadow: 3px 3px 9px #666;
    box-shadow:         3px 3px 9px #666;
}

#banner-loading h3 {
    font-size: 18pt; font-weight: bold; 
}

#banner-loading p {
    text-align: center; font-size: 9pt; 
}

#banner-loading a { color: #EEE; }




/* Templates para "popup" */
body.popup, body.popup #header, body.popup #container, body.popup #container-inner { background: #fff none; }
body.popup #header *,
body.popup #navigation,
body.popup #sidebar,
body.popup #footer,
body.popup #hvmenu,
body.popup #branding-exec,
body.popup #bottom
{
    display: none;
}



body.popup #aviso_sistema { top: 5px; left: 160px; }

body.popup #header {
    /*
    background-image: url(images/popup_header_facturanet.png);
    */
    display: none;
    height: 0px;
}
body.popup #wrapper { min-width: 1px; }

body.popup #content {
    min-height: 150px;
}

body.popup #content,
body.popup #container,
body.popup #container-inner,
body.popup #wrapper {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 100%;
}

body.popup h1 { font-size: 1.55em; }














.iframe-documento { width: 870px; height: 600px; border:1px solid none; margin-left: 30px; }
.iframe-documento-ancho { width: 970px; height: 600px; border:1px solid none; margin-left: 30px; }






















/**
 * 
 * Aspecto visual básico
 * 
 */

body { font-size: 0.75em; font-family: "Trebuchet MS", sans-serif; }
A    { color: #036; font-weight: bold; text-decoration: underline; }
A:hover { text-decoration: none; }
dt   { font-weight: bold; margin-left: 15px; }
fieldset { padding: 1px; }
pre  { margin-left: 10px; color: navy; }
code { color: navy; }
strong, b { font-weight: bold; }
p    { margin: 0 4px 1em 4px; text-align: left; }
ul { list-style-type: disc; margin-left: 25px; }


h1 { font-size: 1.75em; padding-left:10px; }
h2 { font-size: 1.37em; padding-left:10px;}
h3 { font-size: 1.17em; padding-left:10px;}
h4 { font-size: 1.00em; padding-left:10px;}
h5 { font-size: 0.83em; padding-left:10px;}
h6 { font-size: 0.67em; padding-left:10px;}


legend {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1.1em;
    color: #23609E;
}



























.total {color: #1a1a82;  font-weight:bold; text-align: center;}
.centrar {color: black;  text-align: center;}
.destacar {color: black;  text-align: center; font-weight:bold;}
/* mensajes de error, advertencias y avisos */

.notice  { color: black; font-weight:bold; }
.TDedpj  { color: blue; }
.warning { color: #FF9900;  font-weight:bold; }
.error   { color: red;  font-weight:bold; }
.info   { color: #222;  font-weight:bold; }
.aviso   { color: #222;  font-weight:bold; }


div.error, div.warning, div.notice, div.info {
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal;
   padding: 15px; margin: 35px auto; clear: both; width: 50%;
   text-align: center;
}


 div.aviso {
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal; font-size: 14px;
   padding: 15px; margin: 35px auto; clear: both; width: 70%;
   text-align: center;
}

body.popup div.error, body.popup div.warning, body.popup div.notice, body.popup div.info {
   width: 80%;
}


div.error div.button, div.warning div.button, div.notice div.button , div.info div.button{
    margin: 20px 0 8px 0; text-align: center;
}

div.error H1,   div.error H2,   div.error H3,
div.warning H1, div.warning H2, div.warning H3,
div.notice H1,  div.notice H2,  div.notice H3
div.info H1,  div.info H2,  div.info H3{
   background: transparent none; border: none; color: black; padding-top: 6px; padding-bottom: 6px;
}

div.notice  { background: #FFFFFF url(images/icono-notice.gif) no-repeat 20px center; border-color: #FF0000; color: black; padding-left: 50px; text-align: left; }
div.warning { background-color: #FCE444; border-color: #E5BC24; }
div.error   { background-color: #FF4747; border-color: #B02C2C; }
div.info   { background-color: #669933; border-color: #006600; }
div.aviso   { background-color: #B0E0E6; border-color: #4682B4; }


















/** Tablas */
.tabla {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
	border:1px solid #ccc;

}
.tabla td { padding: 0.3em 4px; border: 1px solid #DEDEDE;  }
.tabla th { border: 1px solid #999999; border-width: 1px ; }
.tabla tr.impar { background-color: #F4F4F4; }
.tabla tr.par {background-color: #FFFFDF; }

.tabla thead .titulo {
    font-size: 1.2em;
}

.tabla thead {
    background: #D6E7FD url(images/content_table_title.jpg) repeat-x;
    color: #000000;
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
}

.tabla thead th { border-color: #333333; }
.tabla thead td,
.tabla thead th {
    padding: 2px 3px;
    font-weight: bold;
}


.tabla tfoot td,
.tabla tfoot th {
    background-color: #bbb; font-weight: bold;
}

.tabla thead a { font-weight: bold; }
.tabla a { text-decoration: none; font-weight: normal; }
.tabla a:hover { text-decoration: underline; }
.tabla td h3 {text-color:red;}

.tabla div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }





.tabla2 {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
	border:1px solid #ccc;

}
.tabla2 td { padding: 0.3em 4px; border: 1px solid #999999;  }
.tabla2 th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla2 tr.impar { background-color: #F4F4F4; }
.tabla2 tr.par {background-color: #FFFFDF; }

.tabla2 thead .titulo {
    font-size: 1.2em;
}

.tabla2 thead {
    background: #D6E7FD url(images/content_table_title.jpg) repeat-x;
    color: #000000;
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
}

.tabla2 thead th { border-color: #333333; }
.tabla2 thead td,
.tabla2 thead th {
    padding: 2px 3px;
    font-weight: bold;
}


.tabla2 tfoot td,
.tabla2 tfoot th {
    background-color: #bbb; font-weight: bold;
}

.tabla2 thead a { font-weight: bold; }
.tabla2 a { text-decoration: none; font-weight: normal; }
.tabla2 a:hover { text-decoration: underline; }
.tabla2 td h3 {text-color:red;}

.tabla2 div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }





/* Tabla extendida */

.matriz .tabla {margin: 10px auto 1px auto; background-color: #FFF; font-size: 0.9em; border-left:1px dotted #ccc; border-top:1px solid #999999;}
.matriz .tabla td {padding: 2px 4px; border-top: 0; border-right: 1px dotted #ccc; border-bottom:1px solid #999; border-left:0;}
.matriz .tabla th {padding: 2px 4px; border-top: 0; border-right: 1px dotted #ccc; border-bottom:1px solid #999; border-left:0;}








/** Tablas con formularios de edición */
.tabla-edicion td { padding: 1px 1px; }
.tabla-edicion tbody th { font-style: italic; }


.tabla-respuesta {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border:#000E77 1px solid;
	padding:-4px;
	text-decoration:none;
	border-collapse:collapse;
}


/* utilizado en tabla de respuesta OIRS*/
.td_verdeA
{
	background-color: #D0D6B1;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		
}



/** Tablas */
.tabla_borde {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
}
.tabla_borde td { padding: 0.3em 4px; border: 1px solid #999999;  }
.tabla_borde th { border: 1px solid #999999;  }
.tabla_borde tr.par { }
.tabla_borde tr.impar { }

.tabla_borde thead .titulo {
    font-size: 1.2em;
}

.tabla_borde thead {
    background: #D6E7FD url(images/content_table_title.jpg) repeat-x;
    color: #000000;
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
}

.tabla_borde thead th { border-color: #333333; }
.tabla_borde thead td,
.tabla_borde thead th {
    padding: 2px 3px;
    font-weight: bold;
}


.tabla_borde tfoot td,
.tabla_borde tfoot th {
    background-color: #bbb; font-weight: bold;
}

.tabla_borde thead a { font-weight: bold; }
.tabla_borde a { text-decoration: none; font-weight: normal; }
.tabla_borde a:hover { text-decoration: underline; }


.tabla_borde div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }









/** Tablas que muestran calendario de vencimientos */
.calendario table { width: 100%; font-size: 0.8em; }
.calendario table thead td { width: 14.2%; font-size: 1.5em; }
.calendario table tbody td { width: 14.2%; border: 1px solid #999999; border-width: 0 0 1px 0; height: 85px; }
.calendario table .dia   { font-size: 2em; font-weight: bold; font-family: georgia, serif; display: block; }
.calendario table .habil   { color: #3366CC; }
.calendario table .feriado { color: #FF6600; }

.calendario .meses   { margin: 0 auto; text-align: center; font-size: 1.4em; }
.calendario .meses a { text-decoration: none; }


.calendario .navegador-meses { font-size: 1.45em; line-height: 2em; }
.calendario .mes-anterior { float: left; }
.calendario .mes-siguiente { float: right; margin-top: -2em; }
.calendario .mes-actual { text-align: center; }

















/** links con icono */


.iconos         { white-space: pre;  }
.icono         {box-sizing: border-box; background: url(images/botones.gif?v=201903) 0 500px no-repeat;  padding:2px;   }
.icono img     {box-sizing: border-box; width: 14px; height: 14px; border: 1; display: inline-block;  }

.xml             { background-position: -1477px -44px; }
.certificado     { background-position: -1544px 1px; }
.email-no-leido  { background-position: -1414px 4px; }
.email-leido     { background-position: -1273px 1px; }
.email-por-distribuir { background-position: -1273px -46px; }
.email-nuevo     { background-position: -1273px -23px; }
.email-ok        { background-position: -1344px 4px; }

a.eliminar-actividad       { background-position: -1750px 0; }
a.eliminar-actividad:hover { background-position: -1750px -21px; }

a.historial       { background-position: -1203px 0; }
a.historial:hover { background-position: -1203px -21px; }

a.anexos       { background-position: -783px 0;   margin-left: 3px;}
a.anexos:hover { background-position: -783px -21px; }

a.derivar       { background-position: -1703px 0; }
a.derivar:hover { background-position: -1703px -21px; }

a.responder       { background-position: -1803px 0; }
a.responder:hover { background-position: -1803px -21px; }

a.responder2       { background-position: -1863px 0; }
a.responder2:hover { background-position: -1863px -21px; }


.yui-skin-sam .yui-dt-liner {
    margin: 0;
    padding: 0;
    padding: 4px 5px 4px 5px;
}








/** Redefinición de elementos YUI */
.yui-skin-sam .yuimenu .bd{background:transparent;}
.yui-skin-sam .yuimenubar          { background:transparent; border:none; line-height:2.1; font-size:100%;  /*float: right;*/}

.yui-skin-sam .yuimenubaritem          { background:transparent; }
.yui-skin-sam .yuimenubaritem-selected { background:transparent; }

.yui-skin-sam .yuimenubaritemlabel          { /*background-color:#ff0;*/ border:none 0; margin:1px 2px 0; padding:0 20px 1px 15px; color: #222222; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.yui-skin-sam .yuimenubaritemlabel-selected { background:#3879D9 /*url(images/menufondo-selected.gif) top right no-repeat*/; color:#FFF; }

.yui-skin-sam .yuimenuitem           { border-bottom:none; line-height:1.6; padding:0; background-color:#2E73C9; }
.yui-skin-sam .yuimenuitem-selected  { color:#FFFFFF; background:#036; }

.yui-skin-sam .yuimenuitemlabel          { border:none;  color: #FFFFFF }
.yui-skin-sam .yuimenuitemlabel-selected { border:none;  color: #FFFFFF }


.yui-skin-sam .yui-button-disabled, yui-button-disabled .first-child {border:none;}




.yuimenubar a { font-size: 0.9em; letter-spacing:0; font-weight:normal; }
.yuimenubar a:hover { text-decoration: none; }
.yuimenubar  { border: none; }



table.botones { margin: 0 auto; }



/*
.yui-skin-sam .yuimenubar { background:transparent; border:none; line-height:1.6; font-size:100%; }
.yui-skin-sam .yuimenuitem{ border-bottom:none; line-height:1.6; padding:0; }
.yui-skin-sam .yuimenubaritemlabel { background-color: #106DA8; border:none 0; margin:2px 2px 0; padding:0 20px 1px 15px; color: white; font-family:"Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif;  font-size:14px; -moz-border-radius:3px;
 }; /* color: Color del texto del menú */
/*
.yui-skin-sam .yuimenuitemlabel { border:none; }

.yui-skin-sam .yuimenuitem-selected{ background-color:#D6E184;}
.yui-skin-sam .yuimenubaritem-selected { background:transparent; }
.yui-skin-sam .yuimenubaritemlabel-selected { background:#fff url(images/menufondo-selected.gif) top right no-repeat; color:#106DA8; } /* color del texto menu seleccionado */
/*.yui-skin-sam .yuimenuitemlabel { border:none; }

.yui-skin-sam .yui-button-disabled, yui-button-disabled .first-child {border:none;}




.yuimenubar a { font-size: 0.9em; letter-spacing:0; font-weight:normal; }
.yuimenubar a:hover { text-decoration: none; }
.yuimenubar  { border: none; }
#yuimenu-raiz { padding: 0; }
#menu { visibility: visible; }

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

/** YUI button (2.3.0+) */
/** disminuyo el alto */
.yui-button button { padding-top: 0.2em;  padding-bottom: 0.2em;  }
.yui-button a      { padding-top: 0.12em; padding-bottom: 0.12em; text-decoration: none; }
.yui-button a:hover { text-decoration: none; }



/** YUI button (2.3.0-) */

/** disminuyo el alto */
.yui-button button { padding: 0.2em 0.5em;  }
.yui-button a      { padding: 0.12em 0.5em; font-weight: normal; text-decoration: none; }
.yui-button a:hover { text-decoration: none; }

/** Corrige error en IE6 que dibuja incorrectamente en splitbutton */
.splitbutton button { padding-right: 20px; }


table.botones { margin: 0 auto; }



/** YUI button editar documento */

.documento_guardar .yui-button button                                     { background:url(images/disk.gif) no-repeat right  3px; padding-right: 20px; }
*html .documento_guardar .yui-button button                                 { background:url(images/disk.gif) no-repeat right  top; padding-right: 20px; }

.documento_cerrar .yui-button button                                        { background:url(images/cancel.gif) no-repeat right  3px; padding-right: 20px; }
*html .documento_cerrar .yui-button button                                 { background:url(images/cancel.gif) no-repeat right  top; padding-right: 20px; }

.documento_previsualizar .yui-button button                                 { background:url(images/zoom.gif) no-repeat right 3px; padding-right: 20px; }
*html .documento_previsualizar .yui-button button                         { background:url(images/zoom.gif) no-repeat right  top; padding-right: 20px; }

.documento_validar .yui-button, .confirmarFirma submit                     { background:#ECECE3 url(images/background_firmar.png) repeat-x left center; border-color: #CC6666;}

.documento_validar .submit .first-child,.confirmarFirma .submit .first-child    { border-color: #CC6666; }

.documento_validar .submit button, .confirmarFirma .submit button        { border:1px solid #FF0000; }

.documento_validar span.submit .hover, .confirmarFirma span.submit .hover    { border-color:#CC0000; background-color:#FF0000; }

.botones-documento                                                         { text-align: center; }
.botones-documento td                                                     { padding: 25px 0; }









/* YUI Aqua Panel Skin CSS */
/*.yui-panel-container.shadow .underlay { background-color:#999; }
.yui-panel { border:none; overflow:visible; background-color:transparent; }

.yui-panel .container-close { top:3px; right:4px; height:18px; width:17px; background-image:url(yui/aqua-hd-close.gif); }
.yui-panel .container-close:hover { background-image:url(yui/aqua-hd-close-over.gif); }

.yui-panel .hd { padding:0; border:none; background:transparent url(yui/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
.yui-panel .hd span { vertical-align:middle; line-height:22px; }
.yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(yui/aqua-hd-lt.gif); position:absolute; }
.yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(yui/aqua-hd-rt.gif); position:absolute; }

.yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #6D6D6D; border-bottom:none; background-color:#FFF; }
.yui-panel .ft { font-size:100%; color:#666; padding:2px; overflow:hidden; border:1px solid #6D6D6D; border-top:none; background-color:#fff; }

.mask { opacity: 0.7; background-color: #333333; }*/


/** Botones dentro de un panel */
.yui-panel button {
    /*background:#ecece3 url(/js/yui/button/assets/background.png) left center;*/
    border: 1px solid #CCCCCC;
    margin: 0;
    cursor: pointer;
    font-size: 90%;
    font-family: "Trebuchet MS", sans-serif;
}

.yui-panel button:hover {
    /*background:#9FCEED url(/js/yui/button/assets/background.png) left center;*/
    border: 1px solid #7099CE;
}











/**
 * 
 * YUI datatable "table" usados en busquedas
 * 
 * Las paginas de busqueda tienen la siguiente estructura de DIVs
 * 
 * + busqueda <clase>
 *    + formulario-busqueda     Contiene el formulario
 *       + tabla-busqueda       Tabla con campos de busqueda
 *    + mensaje-busqueda        Mensaje en caso de no haber encontrado registros
 *    + acciones-busqueda              Conjunto de botones con acciones sobre los documentos seleccionados
 *    + yui-dt resultado-busqueda      Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 * 
 * 
 * Las paginas de listados de registros para editar tienen la siguiente estructura de DIVs
 * 
 * + listado-edicion <clase>
 *    + yui-dt               Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 *    + botones-pie-tabla    Botonera abajo de la tabla, ej: "Crear"
 * 
 */
 
.yui-dt div.opciones { width: 80px; }


/** Oculto texto cargando en tablas para edicion */
.listado-edicion .yui-dt tr td.yui-dt-loading {
    background: none;
    padding-left: 20px;
    text-indent: -10000px;
    color: white;
}

/** agregar a carpeta en documentos por leer **/
.carpeta-editable { background:url(images/folder.gif) top right no-repeat; padding-right:32px; display:block; }

/** Conjunto de botones que están bajo una tabla de listado para edicion */
.botones-pie-tabla {  text-align: center;  margin: 10px; }


/** Resultados de busqueda */
.resultado-busqueda  {  }
.resultado-busqueda .yui-dt-sortable { text-align: center; }
.resultado-busqueda .yui-dt table {  width: 100%; }
.resultado-busqueda-mrecibidos { min-height: 50px; }



.acciones-busqueda {
    margin: 0px 10px; height: 35px; overflow: hidden;
}
.acciones-busqueda div.boton {
    float: left; margin: 0 2px;
}



.mensaje_leido { 
   list-style: none outside url(/images/leido.png);
}

.mensaje_no_leido { 
   list-style: none outside url(/images/noLeido.png);
}

.mensaje_distribuido { 
   list-style: none outside url(/images/accept.png);
}

.mensaje_no_distribuido { 
   list-style: none outside url(/images/email_error.png);
}


.yui-dt table {
    margin: 0px auto;
    background-color: #FFF;
    border: 1px solid #177EBF;
    border-collapse: collapse;
    font-size: 8pt;
	width: 100%; 
}
.yui-dt table th,
.yui-dt table td {
    padding: 0.4em 5px;
}
.yui-dt table tr.yui-dt-even {
    background-color: #FFFFFF;
}
.yui-dt table tr.yui-dt-odd {
    background-color: #DFDFF4;
}

.yui-skin-sam .yui-dt th a,
.yui-dt thead a {
	font-weight:bold;
    color: #177EBF;
    font-size: 9pt;
	text-decoration: underline;
}

.yui-skin-sam .yui-dt th a:hover,
.yui-dt thead a:hover {
	text-decoration: none;
}

.yui-dt thead td,
.yui-dt thead th {
	font-weight:bold;
    color: #177EBF;
    font-size: 9pt;
}

.yui-dt tr td.yui-dt-loading {
    background: url(images/autocomplete_loading.gif) no-repeat 5px -15px;
    padding-left: 20px;
}


/** Checkbox para seleccionar filas (un poco mas anchos para prevenir clicks fuera de zona) */
.yui-dt .seleccionar { display: block; width: 22px; height: 16px; background: url(images/iconos.gif) 3px -250px no-repeat; overflow: hidden; text-indent: -10000px; }
.yui-dt .yui-dt-selected .seleccionar { background: url(images/iconos.gif) 3px -200px no-repeat; }




/** YUI datatable "pager" */
.yui-dt .yui-dt-pagelinks {
    display: block;
    margin: 3px auto;
    text-align: center;
    padding: 3px;
    font-size: 1.15em;
}
.yui-dt .yui-dt-pagelinks * {
    border: 1px solid #999999;
    background-color: #FAFAF7;
    padding: 0px 5px;
    font-weight: bold;
}
.yui-dt .yui-dt-currentpage,
.yui-dt .yui-dt-pagelinks a:hover {
    border: 1px solid #406FAC;
    background-color: #E3F2FC;
    color: #FF002C;
}

/** Oculto links a inicio y final */
.yui-dt .yui-dt-firstpage,
.yui-dt .yui-dt-lastpage,
.yui-dt .yui-dt-firstlink,
.yui-dt .yui-dt-lastlink {
    display: none;
}

/** Selector filas por pagina */
.yui-dt .yui-dt-pageselect {
    float: right;
    margin: -25px 10px 0 0;
}

.yui-dt tr.yui-dt-selected.yui-dt-odd { background-color: #8EEF4C; } 
.yui-dt tr.yui-dt-selected.yui-dt-even { background-color: #99EF60; } 
.yui-dt-col-responder  { text-align: center; } 








.formulario-busqueda {
    margin: 2px 0;
	padding:5px 0;
    border: 2px solid #016FAC;
    background-color: #E9E9E9;
}

.tabla-busqueda td {
    margin: 10px 2px;
    padding: 2px 7px;
    white-space: nowrap;
}


.resumen-busqueda {
    margin-top: 10px;
    padding: 1px 5px 0px;
    background-color: #016FAC;
    color: #E9E9E9;
    width: 360px;
    text-align: center;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    font-weight: bold;
}





























/** Campos con datos numéricos */
input.numero,
input.numerico {
    width: 91px;
}
input.numerico-corto { width: 45px; }


input, select, textarea {  }
textarea { width: 350px; height: 60px;  }


input.rut   { width: 91px; }
input.mails { width: 350px; }
option.nota { color: black; font-style: italic; }
input.path  { width: 350px; font-size: 8pt; }

textarea.xpath { width: 350px; height: 30px; font-size: 8pt; }

input.mantenedor_input_fecha_dia { width: 25px; }
input.mantenedor_input_fecha_ano { width: 40px; }
input.mantenedor_input_password { width: 80px; }
input.mantenedor_input_text { width: 200px; }
textarea.mantenedor_input_memo { width: 750px; height: 350px;  }

.campo-mantenedor-oculto { display: none; }
















/** Elementos de formulario usados para desplegar datos calculados */
input.calculado {
    background: transparent none;
    border: none;
}

/* dato contenido es numérico */
input.autonumero,
.numero input,
.numero {
   text-align: right;
   white-space: nowrap;
}


/* dato contenido es una fechaeditor */
.fecha {
   text-align: center;
   white-space: pre;
}



.fecha-lejana    { color: #339900; font-weight: bold; }
.fecha-cercana   { color: #3366CC; font-weight: bold; }
.fecha-retrasada { color: #D8290D; font-weight: bold; }

.fecha-lejana-oirs    { color: #000000; font-weight: bold; background:#339900;}
.fecha-cercana-oirs   { color: #000000; font-weight: bold; background:#FFFF00;}
.fecha-retrasada-oirs { color: #000000; font-weight: bold; background:#D8290D;}




td.center { text-align: center; }

.nota { color: navy; font-size: 0.9em; font-weight:bold; }
.nota strong { font-size: 1.15em; color: #000; font-weight:bold; }


.mini { font-size: 0.85em; }

.center { text-align: center; }

.checkbox-on  { background: url(images/iconos.gif) no-repeat 0px  -200px; width: 17px; height: 16px; margin: 0px 2px; }
.checkbox-off { background: url(images/iconos.gif) no-repeat 0px  -250px; width: 17px; height: 16px; margin: 0px 2px; }

.nobr { white-space: pre; }




















.ficha {
	color: #000;
}


.titulo-ficha {
    clear: both;
}


.titulo-ficha span {
    /*background: #FF9900 url(images/content_title_right_top.gif) top right no-repeat; */
    padding: 2px 16px 2px 15px;
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana;
    color: #666;
   /*border: 0 solid #CCC; border-width: 0 0 1px 0; */
}

.titulo-ficha span span {
background:none;
border:none;
}

.titulo-ficha a {  text-decoration: underline; }


.lenguetas-ficha { display: block; margin: 0 0 8px 0; }
.lenguetas-ficha ul { display: block; list-style-type: none; margin: 0; padding: 0 0 0 0; border: 2px solid black; border-width: 0 0 2px 0; overflow: hidden; }
.lenguetas-ficha li { display: block; float: left; margin: 5px 3px 0 0; padding: 0; }

.lenguetas-ficha li a {
    display: inline; 
    background: #FFCC66 url(images/content_title_right_top_2.gif) top right no-repeat;
    padding: 2px 16px 2px 5px;
    font-weight: bold;
    font-size: 8.5pt;
    font-family: georgia;
    color: white;
    border: 0 solid black; border-width: 0 0 2px 0;
    text-decoration: none;
}

.lenguetas-ficha li a.activo {
    background: #FF9900 url(images/content_title_right_top.gif) top right no-repeat; font-size: 9pt;
}

.lenguetas-ficha li a:hover { text-decoration: underline; }















/** Formularios de edición */
.formulario-edicion {
    margin: 2px 10px 10px 10px;
    padding: 10px 2px;
    border: 2px solid #1673AE;
    background-color: #E3F2FC;
}




.encTabla1 { background: #D6E7FD url(images/content_table_title.jpg) repeat-x; color: #000000; font-size: 1.em; font-weight: bold; }
.encTabla2 { text-align: center; color: #1663BF; font-size: 0.85em; font-weight: bold; }
.encTabla3 { text-align: center; color: #1663BF; font-size: 0.85em; font-weight: bold; font-style: italic; }


.comentario { font-size: 0.95em; color: #1663BF; }





































/**
 * 
 * Mensajes de debug::getStructure()
 * 
 */
div.debug { }
div.debug table { background-color: white; color: black; border-collapse: collapse; white-space: pre; font-weight: normal; }
div.debug table td, div.debug table th { border: 1px solid #E8DEFF; padding: 1px 2px; }
div.debug table th { background-color: #0B5C93; color: white; }
div.debug table td { background-color: #CFD4E6; }

div.debug .debug-value-string       {   }
div.debug .debug-value-string span  { background-color: #DFE4F2;  }
div.debug .debug-value-integer      { color: green;      }
div.debug .debug-value-double       { color: blue;       }
div.debug .debug-value-boolean      { color: #D90081;    }
div.debug .debug-value-null         { color: darkorange; }
div.debug .debug-value-resource     { color: #D90081;    }
div.debug .debug-key-object         { color: #FF8730;    }
div.debug .debug-key-resource       { color: #FF8730;    }

div.debug .debug-value-empty-array  { color: darkorange; }
div.debug .debug-value-empty-string { color: darkorange; }
div.debug .debug-value-extra        { font-weight: normal; font-size: 0.8em; cursor: pointer; padding: 1px; color: black; background-color: #FFFFD6 !important; -moz-border-radius:3px; border-radius:3px; }
div.debug .debug-key-extra          { font-weight: bold; font-size: 0.8em; color: white; }



/** Ajustes para formato::structure() */
div.debug.structure { font-size: 90%; }
div.debug.structure table { margin: 2px; }
div.debug.structure th,
div.debug.structure td { padding: 2px 6px; }
div.debug.structure .debug-value-string span  { background-color: transparent;  }
div.debug.structure .debug-value-integer,
div.debug.structure .debug-value-double,
div.debug.structure .debug-value-boolean,
div.debug.structure .debug-value-null,
div.debug.structure .debug-value-resource,
div.debug.structure .debug-key-object,
div.debug.structure .debug-key-resource       { color: #000; }


















/* autorut */
input.autorut {
    width: 91px;
}
input.autorut.invalido {
    color: red;
}




/* autofecha */

/* Elementos de formulario usados para almacenar fechas */
input.autofecha {
   text-align: center;
   width: 74px;
}

span.autofecha-container { white-space: nowrap; }

div.autofecha {
   background-color: white;
   border: 1px solid #1A529B;
   padding: 1px;
}
div.autofecha TABLE {
   background-color: white;
   border-collapse: collapse;
   font-size: 7.5pt;
}
div.autofecha TABLE TD {
   padding: 0px 2px;
}

div.autofecha A {
   text-decoration: none;
   color: black;
}
/* fila (1) de selección del mes y año */
div.autofecha TABLE TR.mes TD {
   text-align: center;
   font-weight: bold;
}
/* fila (2) de despliegue de los días de la semana */
div.autofecha TABLE TR.dias TD {
   text-align: center;
   font-weight: bold;
}
/* filas (3 en adelante) de despliegue de los días de les mes en curso */
div.autofecha TABLE TR.dia TD {
   /*border: 1px solid #ddd;*/
   text-align: right;
}
/* celdas con los días del mes (anterior, actual y el posterior) */
div.autofecha TD.mes {
}
div.autofecha TD.mes a {
    display: block;
}
/* celdas con los días del mes anterior */
div.autofecha TD.anterior A {
   color: gray;
}
/* celdas con los días del mes posterior */
div.autofecha TD.posterior A {
   color: gray;
}
/* celdas con los días del mes actual */
div.autofecha TD.actual {
   background-color: #E9F0F5;
}
/* celda con la fecha actualmente selecionada en el formulario */
div.autofecha TD.activo {
   background-color: #378BE7;
   font-weight: bold;
}
div.autofecha TD.activo A {
   color: white;
}
/* celda con la fecha de hoy */
div.autofecha TD.hoy {
   border: 1px solid red;
}
/* celda con un día feriado (incluye los días sábado) */
div.autofecha TD.feriado A {
   color: red;
}




/* iconos para cambio de mes y año */
div.autofecha A.cambio-fecha {
    width: 12px; height: 14px;
    background: url(/js/autofecha/autofecha-links.gif?v=20111025) no-repeat 0 0;
    display: block;
}


div.autofecha A.ano-anterior  { background-position: 0 -28px; }
div.autofecha A.mes-anterior  { background-position: 0     0; }
div.autofecha A.mes-posterior { background-position: 0 -14px; }
div.autofecha A.ano-posterior { background-position: 0 -42px; }











/** Autocomplete styles */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 8pt;
  text-align: left;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: pointer;
  /*
  cursor: hand;
  */
  padding-left: 2px;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* caracteres que conciden con el patron de busqueda */
#autocomplete .match {
  font-weight: bold;
}

/* Animated throbber */
input.autocomplete {
  background: url(/images/autocomplete_loading.gif) no-repeat 100% 2px; 
}
input.throbbing {
  background-position: 100% -18px;
}


div.mantenedor_div_input_classautocomplete { margin-right: 5px; padding-bottom:2em border:1px solid red; }
.mantenedor_input_classautocomplete    {  color:#222; background: url(images/iconos.gif?v=20111228)  no-repeat right  -500px; }
.mantenedor_div_input_classautocomplete    { width: 400px; height: 30px;  }






















/** Estilos para páginas específicas */


/** formulario de login */
body.login form { background: url(images/recuadro-login.gif); width: 412px; height: 285px; margin: 40px auto; font-size: 10pt; font-weight: bold; }
body.login form h1 { color: white; padding: 8px 10px; text-align: center; font-size: 14pt; }
body.login form p  { padding: 10px 10px; text-align: center; font-size: 10pt; }
body.login form table.formulario { margin: 20px auto; color: #333333; }
body.login form input { width: 100px; font-size: 10pt; font-weight: bold; }




/** página con mensaje */
body.mensaje div.mensaje {  width:412px; margin:40px auto; font-size: 9pt; }
*html body.mensaje div.mensaje { width:100%; text-align:center; }
body.mensaje div.mensaje h1 { background: url(images/recuadro-login-titulo.gif) top center;color: white; padding: 8px 15px 8px 20px; text-align: center; font-size: 14pt; margin:0 auto; width:377px; }
*html body.mensaje div.mensaje h1 { width:412px; }
body.mensaje div.mensaje .contenido {  background: url(images/recuadro-login-content.gif) bottom center;padding: 20px 15px 20px 20px; width:377px; }
*html body.mensaje div.mensaje .contenido { width:412px; text-align:left; }
body.mensaje div.botones { text-align: center; padding: 30px 0 0 0; }
body.mensaje img { float:left; padding:0 5px 5px 0; }




/** cambio de perfil activo */
body.cambia-perfil td.columna-icono { padding-left: 24px; }
body.cambia-perfil tr.destacado td,
body.cambia-perfil tr.destacado td a { font-weight: bold; }
body.cambia-perfil tr.destacado td.columna-icono { background: url(images/botones.gif) no-repeat -1598px -45px; }


/** pagina de comentarios */
#mantenedor_formulario_resumen { width: 400px; }











/** Campos avanzados para edición de documentos */
.visualizacion_perfiles_seleccionados { width: 600px; overflow: auto; height: 100px; border: 1px solid #cccccc; }
 




/** Visor para seleccionar destinatarios del documento */
.edicion_visor_seleccion_perfil { }

.edicion_visor_seleccion_perfil .destinatario                { background: url(images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_seleccion_perfil .destinatario span           { background: url(images/vsp/token.gif) right top; }
.edicion_visor_seleccion_perfil .destinatario span span      { background: url(images/vsp/token.gif) right bottom; }
.edicion_visor_seleccion_perfil .destinatario span span span { background: url(images/vsp/token.gif) left bottom; }

.edicion_visor_seleccion_perfil .destinatario:hover,
.edicion_visor_seleccion_perfil .destinatario:hover span,
.edicion_visor_seleccion_perfil .destinatario:hover span span,
.edicion_visor_seleccion_perfil .destinatario:hover span span span { background-image: url(images/vsp/token_hover.gif); }

.edicion_visor_seleccion_perfil .destinatario span span span span { padding: 0 4px; }

.edicion_visor_seleccion_perfil .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_seleccion_perfil .quitar_destinatario:hover { text-decoration: none !important; }


.edicion_visor_seleccion_multi_perfil .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_seleccion_multi_perfil .quitar_destinatario:hover { text-decoration: none !important; }


.edicion_visor_seleccion_perfil .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_seleccion_perfil .agregar_destinatario_inactivo { color: #99A; }



.edicion_visor_seleccion_perfil  div.yuimenu li,
.edicion_visor_seleccion_perfil  div.yuimenubar li { font-size: 8pt; }

/** Visor para seleccionar destinatarios del documento */
.edicion_visor_perfil_cc { }

.edicion_visor_perfil_cc .destinatario                { background: url(images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_perfil_cc .destinatario span           { background: url(images/vsp/token.gif) right top; }
.edicion_visor_perfil_cc .destinatario span span      { background: url(images/vsp/token.gif) right bottom; }
.edicion_visor_perfil_cc .destinatario span span span { background: url(images/vsp/token.gif) left bottom; }

.edicion_visor_perfil_cc .destinatario:hover,
.edicion_visor_perfil_cc .destinatario:hover span,
.edicion_visor_perfil_cc .destinatario:hover span span,
.edicion_visor_perfil_cc .destinatario:hover span span span { background-image: url(images/vsp/token_hover.gif); }

.edicion_visor_perfil_cc .destinatario span span span span { padding: 0 4px; }

.edicion_visor_perfil_cc .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_perfil_cc .quitar_destinatario:hover { text-decoration: none !important; }

.edicion_visor_perfil_cc .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_perfil_cc .agregar_destinatario_inactivo { color: #99A; }

.edicion_visor_perfil_cc  div.yuimenu li,
.edicion_visor_perfil_cc  div.yuimenubar li { font-size: 8pt; }


.edicion_visor_perfil_junta { }

.edicion_visor_perfil_junta .destinatario                { background: url(images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_perfil_junta .destinatario span           { background: url(images/vsp/token.gif) right top; }
.edicion_visor_perfil_junta .destinatario span span      { background: url(images/vsp/token.gif) right bottom; }
.edicion_visor_perfil_junta .destinatario span span span { background: url(images/vsp/token.gif) left bottom; }

.edicion_visor_perfil_junta .destinatario:hover,
.edicion_visor_perfil_junta .destinatario:hover span,
.edicion_visor_perfil_junta .destinatario:hover span span,
.edicion_visor_perfil_junta .destinatario:hover span span span { background-image: url(images/vsp/token_hover.gif); }

.edicion_visor_perfil_junta .destinatario span span span span { padding: 0 4px; }

.edicion_visor_perfil_junta .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_perfil_junta .quitar_destinatario:hover { text-decoration: none !important; }

.edicion_visor_perfil_junta .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_perfil_junta .agregar_destinatario_inactivo { color: #99A; }

.edicion_visor_perfil_junta  div.yuimenu li,
.edicion_visor_perfil_junta  div.yuimenubar li { font-size: 8pt; }



/** pagina confirmar Firma */

body.confirmarFirma .ficha table { margin:0 auto; font-size:120%; }

body.confirmarFirma  .yui-button a { background:url(images/wrench.gif) no-repeat right 3px; padding-right:20px; }



/** Diff de HTML */
ins, del { text-decoration:none; }
del { background:#FFCCCC; }
ins { background:#BBFFBB; }


/* contrasena en los documentos al guardar y firma */
#mantenedor_formulario_clave_firmar {
   width: 100px;
}




















/** Menu dock */
#dock { /*position:relative; border: 1px solid red; top:-20px;*/ 
		float:right;
}
.dock-container {
    padding-left: 240px;
	padding-right: 10px;
	position:relative;
	top: -90px;
}
.dock-item2 span {
    display: none;
}
.dock-item2 img {
    border: 0;
    display: block;
    width: 48px !important;
}






/** cabecera */
body.concurso #header { background: #6799FF url(images/bosque_nativo/header_bkgnd.jpg) repeat-x; }
body.concurso #header-inner { background: url(images/bosque_nativo/header_left.jpg) no-repeat; height: 114px; }
body.concurso #logo-sistema { background: url(images/bosque_nativo/header_right.jpg) no-repeat right; width: 198px; height: 114px; float: right; }

/** cabecera */




/******** Evaluacion de desempeño *************/
.tabla .postula_nav { text-align:right; border-top:1px dotted #D6E184; padding-top:10px; }
.tabla .postula_nav a { color:#4EDCC4; text-decoration:none; font-weight:bold; font-size:14px; vertical-align:top; padding:0 10px;
margin:0 0 0 10px; }

.postula_nav { border-bottom:none 0; }


.fichero-postulacion { position:absolute; top:auto; left:auto; }
.fichero-postulacion li a { background:#99CCCC url(images/corner-ficha.gif) top right no-repeat; padding:5px 10px 6px 7px;text-decoration:none; display:block; float:left; }
.fichero-postulacion li a:hover { background-color:#CCFFCC; text-decoration:none }
.fichero-postulacion li li a { background:#CCFFCC url(images/corner-ficha2.gif) bottom right no-repeat; border-left:#99CCCC solid 1px;  }
.fichero-postulacion li li a:hover { background-color:#fff; text-decoration:none; }
.fichero-postulacion ul { padding:0; margin:0; position:relative; top:-26px; left:-1px;  }
.fichero-postulacion li { float:left; padding:0; font-size:12px; border:0 none; height:26px; position:relative; list-style:none; }
.fichero-postulacion li ul { clear:left; margin-top:26px;  }
.fichero-postulacion .sub-ul { width:650px; clear:both;    }
.fichero-postulacion .lengueta-seleccionada a { background-color:#CDDCDC; }
.fichero-postulacion .lengueta-seleccionada a:hover { background-color:#CDDCDC; }
.asistencia { color:#000308; bold; font-size: 1.0em; text-align: center}
.calificacion { color:#000308; bold; font-size: 1.2em; text-align: center }
.subfactor { color:#072a79; bold; font-size: 1.3em}



.notaCalificador
{
text-align: center;
font-weight: bold;

}

.btn_eliminar {clear:both; text-align: justify; margin:10px; }
.plantilla {  width:800px; margin:10px;}
.plantilla_edicion { text-align: right;  width:800px; margin-left:auto; margin-right:auto;}

#footer-direccion {
    float: left;
}
#footer-links {
    float: right;
}
#footer-links A { text-decoration: none; }

#fin {
    width: 980px;
    margin: 0px auto 0 auto;
    height: 20px;
    background: url(images/headers.png?v=20111228) 0 -250px no-repeat;
}

.semaforo-rojo   { background: url(images/semaforo.png) 0 0px no-repeat; margin: 16px 0 0 13px; padding: 8px 0 7px 0;  }
.semaforo-amarillo    { background: url(images/semaforo.png) 0 -41px no-repeat; margin: 16px 0 0 13px; padding: 8px 0 7px 0;  }
.semaforo-verde    { background: url(images/semaforo.png) 0px -84px no-repeat; margin: 16px 0 0 13px; padding: 8px 0 7px 0;  }


.bordevip td{
border:1px solid red;
}

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

.fondo-amarillo {background-color:#ffffb4;}



/*--------------------------     TABLAS  BUSCA DOCS      -----------------------------*/
.tabla-busca-documento
{
	border-collapse: collapse;
	
}
.tabla-busca-documento TD
{
	padding: 4px;
	
	vertical-align: top;
}
.tabla-busca-documento TH
{
	padding: 4px;
	
	vertical-align: top;
	
}
.tabla-busca-documento THEAD
{
	
	font-weight: bold;
	text-align: left;

}

.tabla-busca-documento .borde-azul {border:1px solid red;}
.tabla-busca-documento hr {border: 1px solid white; height: 10px; }
.borde-azul {border:1px solid red;}


.tabla tr.anular {background-color: #FD9C5A; color: #003366; align:center;font-weight: bold;}

.azul { color: #0066CC; }
.azul-sub { color: #0066CC; text-decoration: underline; }






/********************** ICONOS ****************************/
.ico-check
{
	background: url(images/iconos2.gif) no-repeat 5px 7px;
	margin: 0 0 0 1px;
	padding: 8px 0 7px;
	
}
.ico-atencion
{
	background: url(images/iconos2.gif) no-repeat 5px -38px;
	margin: 0 0 0 1px;
	padding: 8px 0 7px;
}
.asterisco
{
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
}









.actividad-eliminada { background-color:#FFFF99; text-decoration:line-through; }
.actividad-eliminada td a { text-decoration:line-through; }
.actividad-eliminada td { text-decoration:line-through; }
.actividad-eliminada .actividad_atrasada { background:transparent; text-decoration: line-through; }
.actividad-eliminada #botones   { text-decoration:none !important;  }



.yui-dt0-col-memo_externo {text-align: center !important;}
.yui-dt0-col-responder {text-align: center !important;}