/** diseño general */
html * {box-sizing: border-box; margin: 0px; padding: 0px;}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

#wrapper { width:90%; /*max-width: 1440px;*/ margin:0px auto 0; text-align:left; padding:0; background:#FFF;   position: relative;  }

/** cabecera */
/* #header { background: #FFFFFF url(images/bosque_nativo/header_bkgnd.jpg) repeat-x; border:1px solid red;} */
/* #header-inner { background: url(images/bosque_nativo/header_left.jpg?v=20110329_5) no-repeat; height: 108px; border:1px dotted blue;} */
/* #header-inter { background: url(images/bosque_nativo/header_izk.jpg?v=20110329_5) no-repeat; height: 108px; border:1px dotted blue;} */
/* #logo-sistema { background: url(images/bosque_nativo/header_right.jpg?v=20110325) no-repeat; width: 186px; height: 108px; float: right; } */
/* #logo-sistema h1 { text-indent: -50000em; } */
#header { background:#FFFFFF /*url(images/top.jpg) no-repeat  top*/;  height: auto; }

#header .banner { clear:both;  }
.banner a span { display:none; }
.banner .conama { width:86px; height:78px; margin:0 10px 0 15px; display:block; float:left; }
.banner .fpa { width:96px; height:78px; margin:0 ; display:block; float:left; }

#headernav { width:702px; float:right; text-align:right; padding:10px; }

#headernav a { height:13px; vertical-align:middle; padding-top:17px; margin:0 5px; font-size:11px; text-decoration:none; display:inline-block; font-weight:normal; }
#headernav a:hover { text-decoration:underline; }

#headernav .ico_doc { background:url(images/page.gif) top center no-repeat; }
#headernav .ico_con { background:url(images/email.gif) top center no-repeat; }
#headernav .ico_ini { background:url(images/house.gif) top center no-repeat; }

#logo-sistema { /*background: url(images/title_header.jpg) no-repeat left top; width: 214px; height: 50px; float: left;*/ }

#logo-sistema h1 { text-indent: -50000em; }

#logo-gob { position:absolute;  top:45px; z-index:1000; display:block; overflow:hidden; margin-left:25px; height:124px; }
#logo-conaf { position:absolute;  top:45px; z-index:1000; display:block; overflow:hidden; margin-left:185px; width:80px; height:124px;  }

/** estilos para impresion */
.fin-hoja {page-break-after:always}

@media print {
    #header     { display: none; }
    #navigation { display: none; }

    body.documento #wrapper { width:100%; margin: 0; border:none;}
    body.documento #container { border-width: 0px; padding: 0; margin: 0;  }
    .imprimir-documento, .imprimir-documento-pie { display: none; }

    .tabla td.thead,
    .tabla th.thead,
    .tabla thead {
        color: #000 !important;
    }
    
	.fin-hoja {page-break-after:always}


	/*.tabla thead tr { border: 1px dashed black; }
     */
}

    

/* estilo REGISTRO */
body.tipo_registro #navigation { display:none;}

body.tipo_registro .form-login,
body.olvido .form-login { background:#CFB968 url(images/header_login.png) top left no-repeat; color:#FFFFFF; padding:1px 0 10px 0; margin:0;  }
body.tipo_registro .form-login-footer, body.olvido .form-login-footer { height:13px; background:url(images/footer_login.png) bottom left no-repeat; margin-bottom:10px; }
body.tipo_registro form {  font-size: 12px; font-weight: bold; padding:0 10px; margin:0; }
body.tipo_registro form p, body.olvido form p  { font-weight:normal; font-size: 11px; text-align:left; margin-bottom:5px; vertical-align:middle;}
body.tipo_registro form label, body.olvido form label { font-weight:bold; }
body.tipo_registro form input[type="text"] { width: auto; font-size: 10pt; font-weight: bold; }

body.tipo_registro form small { color:#CC0000; }
body.tipo_registro .center , body.registro .center h4 { margin-left:5px; margin-right:5px; }
body.tipo_registro .center p { margin: 5px; }

/* body.tipo_registro hr, body.login hr { background:transparent url(images/hr.gif) repeat-x left; border:0 none; padding:5px 0; margin:0 20px 0 10px;} */

body.tipo_registro .fecha-actual { float: left; color: #FFF; }

/*********************************************************************************************************/


/** Franja de navegación y cierre de sesión */
#navigation { padding:0 px; height:40px; width: 100%;  position: relative;  background: #4d646c; }

#navigation #ayuda { float: right;  }
#navigation #ayuda A { overflow:hidden; text-indent:5000px; background: url(images/help_ico.png) no-repeat; display: block; width: 32px; height:32px; top:0px;  position:relative;}

table.hvmenu { margin-top: 1px; width: 147px; }


/** Contenidos generales */
#container { padding:2px 10px;  border:1px solid #ccc;}
/*#contacto { float:right; width:174px; height:75px; margin:0 0 5px 5px; padding: 10px 10px 0 10px;  background:url(images/login_consultas.gif) top center no-repeat; text-align: center; }*/
#contacto { clear:both; width:180px; height:37px; margin:5px auto; padding: 8px 10px 0 70px;  background:url(images/login_consultas2.gif) top center no-repeat; text-align: left; font-size:17px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
#contacto strong { font-size:large; color: #CB6928; }

/** Pie de página (textos) */
#footer {
	width: 100%;
	height: 60px; 
	/* clear:both; */
	padding:30px 0;
	text-align: center;
	font-size: 11px;
	/* background-image: url(_images/bottom.png); */
	background-repeat:repeat-x;
	background-position:center top;
	
}
#footer-inner {color: #648055;}
#footer a { color: #648055; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer strong { color:#648055; }


/** Final de la página */
#bottom { display:none; }


#spacer { clear: both; }






/** Información adicional al comienzo del cuadro de contenido */
#sidebar { margin: 2px; }
#sidebar .fecha-actual { float: left; color: #0D7E88; margin-top:10px;}

#sidebar .datos-usuario { float: right; text-align: right; font-weight: bold; color:#0D7E88; font-size:10px; /* position:relative; top:22px; */  }
#sidebar .datos-usuario .nombre { font-size:12px; color:#0D7E88;  margin-top:10px;}

/** Contenido general de cada pagina */
#content { min-height:400px; }


#aviso_sistema {background: yellow; color: red; text-align: center; }

#branding-exec { margin: 0 auto; text-align: center; color: #648055; font-size: 10px; padding: 0 0 10px 0; }
#branding-exec a { color:#648055; text-decoration: none; }


#branding-ze { margin: 0 auto; text-align: center; color: #666; font-size: 7pt; padding: 0 0 10px 0;}
#branding-ze .ze { background: #0e3e80; color: yellow; padding: 1px;}
#branding-ze .covery { color: #0e3e80; }
#branding-ze a { color: #666; text-decoration: none; }


/** Espaciador usado para contenidos que usen float */
.clear { clear: both; overflow: auto; }











/* 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%
}






/* Templates para "popup" */
body.popup, body.popup #header, body.popup #container { background: #fff none; }

body.popup #header *,
body.popup #header,
body.popup #navigation,
body.popup #sidebar,
body.popup #footer,
body.popup #hvmenu,
body.popup #branding-exec,
body.popup #bottom,
body.popup #contacto,
body.popup #image-top
{
    display: none;
}



body.popup #aviso_sistema { top: 5px; left: 160px; }

body.popup #content {
    min-height: 50px;
}



body.popup #header {
    display: none;
    height: 0px;
}

body.popup #content {
}

body.popup #content,
body.popup #container,
body.popup #wrapper {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 99%;
}

body.popup h1 { font-size: 1.55em; }

body.popup span.yui-button { margin:10px 100px; float:right; clear:left; }

Body.popup form {display:block; }

body.popup td textarea {width:98%;  *width:260px; overflow:visible; !important }

body.popup table {  margin:0; border-collapse:collapse; }

body.popup .tabla td { }

*html body.popup { margin:0; padding:0; }

body.popup form table { margin:0 auto; } 







/* Templates para "documento" */
body.documento, body.documento #header, body.documento #container { background: #fff none; }
body.documento #header *,
body.documento #navigation,
body.documento #navigation *,
body.documento #sidebar,
body.documento #footer,
body.documento #hvmenu,
body.documento #branding-exec,
body.documento #bottom,
body.documento #contacto
{
    display: none;
}


body.documento #container,
body.documento #wrapper,
 {
    margin: 0; 
    padding: 0;
    width: 100%; 
	
}

body.documento { 
background: #4F4F4F url(images/fondo-documento.gif) repeat-x;

}


body.documento #header {border:1px solid #000;
    /*
    background-image: url(images/popup_header_facturanet.png);
    */
    display: none;
    height: 0px;
}
body.documento #container {
    background: #fff ; 
    padding: 30px;
   /* border: 1px solid black; */
    min-height: 300px;
	font-size:12px; 
	
	
}


body.documento #wrapper {
background:transparent;
    margin: 30px auto;
    width: 80%;
    width: 790px;

}

body.documento .titular {
	background:transparent;
    margin: 30px auto;
	font-weight: bold;
   	text-transform:uppercase;
}
body.documento .texto-formulario {
	background:transparent;
    margin: 30px auto;
	font-size:12px; 
}

body.documento H2{
color:#648055;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
}

body.documento H3{
color:#648055;
font-weight: bold;
font-size: 12px;
text-transform:uppercase;
}

body.documento .cuadro-doc{
border:1px solid #333;
padding:10px;
margin:10px;
}

body.documento .cuadro-tic{
border:1px solid #333;

}

body.documento .linea-formulario
{
	font-weight: bold;
	border-bottom: 1px dotted #999; 
	text-transform: uppercase;
}

body.documento .no-linea-formulario
{
	border-bottom: 1px solid #FFF;
	
}

body.documento .solicitud-retiro
{
	text-align: justify;
	
}


body.documento .solicitud-retiro P
{
	line-height: 40px;
	
}



.iframe-documento { width: 870px; height: 600px; border:1px solid none; margin-left: 30px; }


/* tooltip */

.tooltip_documento { float:right; background:url(images/help.gif) top; width:14px; height:16px; vertical-align:top; }


/** Icono para imprimir documento */
.imprimir-documento { background:url(images/imprimir.gif) center no-repeat;
        float: right; width: 32px; height: 32px;
        margin:0; text-indent: -10000em;
        margin-top: -16px;
        margin-right: -16px;
}
.imprimir-documento-pie {
        float: right; height: 32px;
        margin:0;
		text-decoration:none;
		color:#CC6633;
		
}
.imprimir-documento-pie a:hover { text-decoration:underline;}


#logo-documento-efpa     { float: right; }
#logo-documento-gobierno { float: left; }

.cabecera-documento { margin-top: 10px; height: 100px; }


.cuadro_uso_conaf
{
	width: 300px;
	float: right;
/*margin-top:10px;
border:1px solid red;*/
}
.cuadro_uso_conaf TABLE
{
	text-align: center;
	border: 1px solid #CCC;
	width: 300px;
	height: 80px;
	padding: 5px;
	margin-bottom: 2px;
}
.cuadro_uso_conaf P
{
	text-align: center;
}












/*
 * 
 * Aspecto visual básico
 * 
 */

body { margin:0; padding:0; background-color:#FFF; height:100%; font-size:13px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
h1 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif; color:#648055; font-size: 21px; }
h2 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#648055; font-size: 19px; }
h3 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#648055; font-size: 17px;  }
h4 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#FFFFFF; font-size: 15px; }
h5 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#00CCCC; font-size: 13px; }
h6 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#00CCCC; font-size: 13px; font-weight:normal; }

.titulo_h1 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#0D7E88; font-size: 1.75em; }
.titulo_h2 { font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-serif;  color:#0D7E88; font-size: 1.37em; }

a    { color: #003366; }
a:hover { text-decoration: none; }
dt   { font-weight: bold; margin-left: 15px; }
a img { text-decoration:none; }
a:hover { text-decoration:none; }
fieldset { padding: 1px; }
pre  { margin-left: 10px; color: navy; }
code { color: navy; }
strong, b { font-weight: bold; }
p    { margin: 0 4px 1em 4px; }
ul { list-style-type: disc; margin-left: 25px; }

legend {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1.1em;
    color: #23609E;
}

em { color:#669999; }


#ruta {
    height: 15px;
    color: #3463A3;
    font-size: 8pt;
    padding: 1px  3px;
    
   /* border-bottom: 1px solid #c8c8c8; */
}
#ruta em { color: #3463A3; font-weight: bold;}
#ruta .separador {  }
















.terminos {margin:auto; padding: 30px; width: 80%;  height: 350px; border: 1px solid #A9B572; background-color: #F4F9C6; overflow:auto; text-align:justify; }

.terminos li {padding:5px;}




/* mensajes de error, advertencias y avisos */

.notice  { color: black; font-weight:bold; }
.warning { color: #0D7E88;  font-weight:bold; }
.error   { color: red;  font-weight:bold; }


div.error, div.warning, div.notice, div.news {
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal;
   padding: 15px; margin: 35px auto; /*clear: both*/; width: 50%;
   text-align: center;
}

div.news  { width: 60%; }

div.news  .crear_perfil { margin:0 auto; display:block; text-align:center; }

div.error li { text-align: left; list-style-image:url(images/bullet_red.gif);  }

div.warning li, div.notice li { text-align: left; list-style-image:url(images/bullet_orange.gif);  }

div.news li { text-align: left; list-style-image:url(images/bullet_green.gif);  }


div.error ul, div.warning ul, div.notice ul,  div.news ul { margin:0;  }


body.popup div.error, body.popup div.warning, body.popup div.notice,  body.popup div.news {
   width: 80%;
}


div.error div.button, div.warning div.button, div.notice div.button,  div.news 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.news H1,  div.news H2,  div.news H3 {
   background: transparent none; border: none; color: white; padding-top: 6px; padding-bottom: 6px;
}

div.news  { background: #EAFFF2 url(images/star.gif) no-repeat 20px center; border-color:#66CC66; padding-left: 50px; text-align: left; }
div.notice  { background: #FFCC00 url(images/icono-notice.gif) no-repeat 20px center; border-color: #990000; color:#660000; padding-left: 50px; text-align: left; }
div.warning { background-color: #FCE444; border-color: #E5BC24; }
div.error   { background-color: #FF4747; border-color: #B02C2C; }


















/** Tablas */
.tabla {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border:#86959C 1px solid; /* #86959C */
	padding:-4px;
	text-decoration:none;
	border-collapse:collapse;
	width: 100%;

}
.tabla td { padding:3px 6px; border:1px dotted #86959C; background-color: #FFF; }
.tabla th { border-bottom: 1px dotted #D6E184; border-right:1px solid #55AAFF;padding:3px 6px; background-color: #CCC; }
.tabla tr.par { }
.tabla tr.impar { }

.tabla thead .titulo {
    font-size: 1em;
}

.tabla thead {
    color: #2C566C;
    font-weight: bold;
    text-align: center;
    background-color:#CCC;
}

/* arreglo */
.tabla thead TR TD { background-color:#CCC; color: #2C566C;}

.tabla thead td,
.tabla thead th { border-bottom: 1px solid #86959C; padding: 3px; font-weight: bold;}

.fila-destacada { background-color:#FFFF99; }
.mensaje-destacado {padding: 30px; background:#FFFF99 url(images/pin.png) right top no-repeat; border:1px solid #CCC; text-align:justify; }
.fila-menos-destacada { background-color:#DDFF99; }

.tabla tfoot td, .tabla tfoot th, .costos tfoot th, .costos tfoot td,  .documento .costos tfoot th, .documento .costos tfoot td { background-color:#CCFFCC ; font-weight: bold; }

.tabla thead a { font-weight: bold; text-decoration:none; }
.tabla thead a:hover { text-decoration:underline; }
.tabla a { text-decoration:none; font-weight: normal; }
.tabla a:hover { text-decoration: underline; }
.tabla a img { text-decoration:none; }
.tabla a:hover img { text-decoration:none; }




/** Tablas Consultor */



.tabla-consultor { border: 1px solid #ccc; border-collapse:collapse; padding:3px;}
.tabla-consultor td { padding: 5px 8px; }


.tabla-consultor tr.titulo1 td,
.tabla-consultor tr.titulo2 td,
.tabla-consultor tr.titulo3 td {
    padding: 3px 5px;
}

.tabla-consultor tr.titulo1,
.tabla-consultor tr.titulo2 {
    background-color: #A9B572;
    color: white;
    font-weight: bold;
    text-align: center;
}
.tabla-consultor tr.titulo1 { font-size: 1.0em; }
.tabla-consultor tr.titulo2 { font-size: 0.9em; }

.tabla-consultor tr.titulo3 {
    background-color: #F0F0F0;
    color: #016FAC;
    font-weight: normal;
    text-align: left;
    font-size: 0.9em;
}
.tabla-consultor tr.titulo3 td {
    padding: 5px 6px;
}


.tabla-consultor tr.par { background-color: #EEE;}
.tabla-consultor tr.impar { background-color: #EAE9BD;}

/*************************/




.table_link { display:block; }


.tabla div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }

.costos { border:#99CCCC solid 1px; margin:10px auto; border-collapse:collapse; }
.costos thead {  text-align:left; }
.costos td,  .costos th { padding:5px; vertical-align:middle; }
.costos tbody td,  .costos tbody th, .tabla .costos tbody th  { border-bottom:#D6E184 dotted 1px; }
.costos tbody td { text-indent:10px; }
.costos .subtotal { background-color: #F4F9C6; font-weight: bold; }
.costos .total td { background-color: #99CCCC; font-weight: bold; color:#FFFFFF; }
.costos th { background-color:#D3EBEB; border:0 none; }
.costos tbody th { background-color:transparent; }
.costos .first-td { min-width:150px; *width:150px; }
.gasto-rechazado { background: url(images/gasto_fondo.jpg) 0 -50px repeat-x; }
.gasto-aprobado { background: url(images/gasto_fondo.jpg) 0 0 repeat-x; }
.costos a { text-decoration:none; }
.costos a:hover { text-decoration:underline; }
.costos .costos-sub { background-color:#F4F9C6; }
.costos img, .costos th { vertical-align: middle; }

#tabla_edicion_campo_893096 .tabla { border:0 none; }
#tabla_edicion_campo_893096 td { border:#99CCCC solid 1px; }

#tabla_edicion_campo_731494 table { border-collapse: collapse; width: 700px; }
#tabla_edicion_campo_731494 table td { padding: 1px 6px;  }
.gantt-seleccionado { padding: 6px 0 !important; border-left: 1px dashed #88AAFF !important; }
.gantt-seleccionado span {padding:0 6px; background:#336699; color:#336699; display: block; height: 12px; }
.gantt-seleccionado { padding: 0; }


.caja-edicion {background-color: #FFF; border:1px solid #999;}

.caja-edicion .tabla {  }

/** Tabla formulario proyecto */

.tabla-contenedor-formulario-proyecto { padding:10px; border-bottom:#99CC99 3px solid; width:100%; margin:10px auto; }
.tabla-contenedor-formulario-proyecto table { border:none 0; margin:10px 0; padding:5px; }

.tabla-contenedor-formulario-proyecto h4 { color:#0D7E88; font-size:12px; border-top:#CCE6CD 1px solid; padding-top:10px; margin-top:10px; }

.tabla-contenedor-formulario-proyecto td { vertical-align:top; }

.tabla-contenedor-formulario-proyecto strong { color:#0D7E88; }

.tablaInterna img { margin:2px; vertical-align:middle; }

.tablaInterna td { padding:4px; /*border: 1px solid #999999; border-width: 0 0 1px 0;*/ vertical-align:top; }

.tablaInterna th { padding:4px; /*border: 1px solid #999999; border-width: 0 0 1px 0;*/ vertical-align:top;}

.tablaInterna thead .titulo { font-size: 1.2em; }

.tablaInterna thead {
    background: #FFF;
    color: #0D7E88;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
}

.tabla .tablaInterna thead td { text-align:left; padding:0 25px 0 0; }
.tabla .tablaInterna tbody td { text-align:inherit;}

.tablaInterna tr {margin:0; padding:0;}
.tablaInterna tfoot td,
.tablaInterna tfoot th { background-color: #D6E184; font-weight: bold; }

.tablaInterna thead a { font-weight: bold; text-decoration:underline; }
.tablaInterna a { font-weight: normal; color:#009999; text-decoration:none; }
.tablaInterna a:hover { text-decoration: none; text-decoration:underline; }

/** Tablas en formularios de edicion de documentos */
form .tabla td { padding:5px; }

/** Tablas en formularios postulacion */

.formulario-postulacion .tabla { width:660px; margin:30px auto 0; border-collapse:collapse; padding-top:30px; }
.formulario-postulacion tbody th { padding:0; margin:0; border:0 none; }
.formulario-postulacion .costos th { padding-left:5px; }
.formulario-postulacion td { border-width:0; padding-bottom:15px; }
.formulario-postulacion h3 { margin:30px 0 20px 5px;  }
.formulario-postulacion label { font:12px; font-weight:bold; padding-bottom:5px; } 
.formulario-postulacion a img { border:0 none; }
.formulario-postulacion li { padding:10px 0; border-bottom:1px dotted #99CCCC; list-style:none; }
.formulario-postulacion input { margin: 5px 0; }
.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; }

.formulario-postulacion .note { color: #0D7E88; font-weight:bold; padding-left:20px; background:url(images/help.gif) top left no-repeat; font-size:12px; }

.postula_nav { border-bottom:none 0; }

.region-impacto label { font-weight:normal; font-size:11px; } 
.region-impacto input { margin:2px 5px; }
.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; }
.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; }


.nombre_investigador { color:#0D7E88; font-family: 'Open Sans', Arial,Helvetica,Sans-serif; font-size:17px; border-bottom:#55AAFF 3px solid; padding:10px 0 0; margin-bottom:10x; }

.investigador { margin:10px; clear:both; }

.investigador ul { margin:0; padding:0; width:100%; height:30px; }

.investigador li {  float:left; border-color:#99CCCC; border-style:dotted; border-width:0 1px 0 0; height:30px; padding:0 0 0 10px; vertical-align:middle; }

.investigador li a {background:url(images/mini-edit_inactive.png) right bottom no-repeat; color:#003366;  height:30px; padding:0 30px 0 0; display:block; }

.investigador li a:hover {background:url(images/mini-edit.png) right bottom no-repeat;  }


.investigador .completo a, .investigador .completo a:hover { background:url(images/mini-edit_ok.png) right bottom no-repeat;  color:#009966; }


.agrega-investigador { text-align:right; padding:10px 20px 0 0; } 


/* Tabla Nueva Postulacion */

#contenedor_campo_linea br { }
#contenedor_campo_linea input {  }
#contenedor_campo_linea label {  }
#subcontenedor_linea { display:block; margin:0 10px 5px 0; text-align: justify; } 



/** Tablas en visualización documentos*/
.documento { font-size:11px; }

.tabla-documento {
    border-collapse: collapse;
    font-size: 12px;
}	

.tabla-documento-retiro { border-collapse: collapse;
    font-size: 14px;}


.tabla-documento td { padding:4px; border: 0px dotted #86959C; border-width: 0px 0 0px 0; vertical-align:top; }
.tabla-documento th {
	padding:4px;
	border: 1px dotted #AABF95;
	border-width: 0 0 1px 0;
	vertical-align:top;
	background-color:#EAF4DF;
}


.tabla-documento thead {
    background: #D0D6B1 url(_images/content_table_title.jpg) repeat-x;
    font-weight: bold;
	color: #000;
    text-align: left;
}

.tabla-documento thead td,
.tabla-documento thead th { padding: 2px 3px; font-weight: normal; color:#000; }


.tabla-documento tfoot td,
.tabla-documento tfoot th { background-color: #D6E184; font-weight: bold; }

.tabla-documento thead a { font-weight: bold; }
.tabla-documento a { text-decoration: none; font-weight: normal; }
.tabla-documento a:hover { text-decoration: underline; }

.tabla-documento h1, .tabla-documento h2, .tabla-documento h3, .tabla-documento h4, .tabla-documento h5 { margin:5px 0;text-align:left;}
.tabla-documento .tabla-documento { border: 0px dotted #99CC66; margin:0 0 10px 0;  }
.documento .tabla-documento { width:100%; }
.tabla-documento .tabla-documento td, .tabla-documento .tabla-documento  th { border-width: 1px; border-style:solid; }

.documento .note { width:95%; font-weight:bold; padding:5px 5px 5px 30px; background:url(images/help.gif) 5px 5px no-repeat; font-size:12px; border:#AABF95 solid 1px; margin:0 auto 10px; display:block; }
.evaluador .note { background:#CCFFFF url(images/help.gif) 5px 5px no-repeat; font-weight: bold; font-size: 1.3em; }

.documento .note .numero { width:50%; float:right; }

div.docu-image-izq {
   float: left;
    margin: 5px auto 5px auto;
}

div.docu-image-der {
   float: right;
}
.subtitulo h5 {font-weight: bold; margin:20px 0 5px 0; color: #000; text-align:left;}


.tabla-anexo
{
	border-collapse: collapse;
	border: 1px solid #AABF95;
	font-size: 12px;
	padding: 6px;
}
.tabla-anexo .TR
{
	border: 1px solid #AABF95;
	background-color: #EAF4DF;
	padding: 3px;
}
.tabla-anexo TD
{
	border: 1px solid #AABF95;
	background-color: #FFF;
	padding: 3px;
}



/* 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 {width: 100%;}
.tabla-edicion td { padding: 1px 1px; }
.tabla-edicion tbody th { font-style: italic; }

.tabla-edicion INPUT {font-size: 10px;}




/** Tabla Fichas **/

.tabla_ficha th { color:#2C566C; padding-right:10px; border-bottom:1px dotted #D6E184; padding:2px 10px 2px 0; }
.tabla_ficha td { border-bottom:1px dotted #D6E184; padding:2px 0 }



/** Tablas que muestran calendario de vencimientos */
.calendario table { width: 100%; font-size: 0.8em; background:#99CC66; }
.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: #0D7E88; }

.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; }

/** Calendario Reportes **/

.calendario_reporte { border-collapse:separate; border-spacing:5px; border:none 0; }
.calendario_reporte thead td {background-color:transparent; color:#0D7E88;}

.calendario_reporte td { padding:3px 5px; background-color:#D6E184; border:none 0; font-weight:bold; font-size:14px; color:#FFFFFF;  }
.calendario_reporte thead { text-align:center; }
.calendario_reporte td a { display:block; color:#C96C29; font-size:18px; text-align:center; text-decoration:none; }
.calendario_reporte td a:hover { color:#FFFFFF; text-decoration:underline; }
.calendario_reporte thead a { display:inline; color:inherit; text-decoration:none; }
.calendario_reporte thead a:hover { color:#C96C29; text-decoration:underline; }




/** Tabla terna **/
.tabla .tr-reasignar-terna tr {background-color: #D6E184; font-weight: bold;  }











/** links con icono */


.iconos         { white-space: pre;  }
.iconos img { padding-left: 3px; }
.icono         { background: url(images/botones.gif?v=20080509) 0 500px no-repeat; margin: 0 0 0 1px; padding: 3px 0;   }
.icono img     { width: 20px; height: 16px; border: 0; display: inline;  }

.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: -1650px 0; }
a.eliminar-actividad:hover { background-position: -1650px -21px; }

a.eliminar-actividades       { background-position: -223px 0; }
a.eliminar-actividades:hover { background-position: -223px -21px; }

a.historial       { background-position: -1203px 0; }
a.historial:hover { background-position: -1203px -21px; }

a.anexos       { background-position: -783px 0; }
a.anexos:hover { background-position: -783px -21px; }

a.derivar       { background-position: -1703px 0; }
a.derivar:hover { background-position: -1703px -21px; }

a.editar	{	background-position: -643px 0; }
a.editar:hover	{	background-position: -643px -21px; }


a.descargar            {    background-position:  -294px 0; }
a.descargar:hover   {    background-position:  -294px -21px; } 














/** Redefinición de elementos YUI */


/** YUI menu */
.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:1px 10px; }
.yui-skin-sam .yuimenubaritemlabel { border:none 0; margin:0px 2px 0; padding:10px 10px; color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, Sans-serif;  font-size:11px;  };

.yui-skin-sam .yuimenuitemlabel { border:none; }

.yui-skin-sam .yuimenuitem-selected{ background-color:#86959C; }
.yui-skin-sam .yuimenubaritem-selected { background:transparent; }
.yui-skin-sam .yuimenubaritemlabel-selected {  background:#86959C; /* color:#F00; */ } /* color del link de menu rollover*/
.yui-skin-sam .yuimenuitemlabel { border:none; color:#FFF; } /* color del link de menu reposo*/

.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; color:#FFFFFF; }
.yuimenubar a:hover { text-decoration: none; }

.yuimenubar  { border: none; }
#yuimenu-raiz { padding: 0; }
#menu { visibility: visible; }




table.botones { margin: 0 auto; }






/** YUI autocomplete */

/* styles for highlighted result item */ 
.yui-skin-sam .yui-ac-content { 
    min-width: 400px !important;
}

.yui-skin-sam .yui-ac-content li.yui-ac-highlight { 
    background:#006291 !important;
    color:#FFF;
} 

.yui-ac-input {
    border: 1px solid #A5ACB2;
    background: white url(images/zoom.gif) no-repeat right ;
}

.yui-ac-content {
    text-align: left;
}





/** YUI button */
.yui-button a { font-weight: normal; }
.yui-button a:hover { text-decoration: none; }

.yui-button a, .yui-button a:hover {text-decoration:none; font-weight:normal;}
.yui-skin-sam .yui-submit-button button { color:#003366; font-weight:bold; }
.yui-skin-sam .yui-submit-button { color:#003366; background-position:left -1310px; }
.yui-skin-sam .yui-submit-button button:hover  { color:#fff; background-position:left -1410px; }
.yui-skin-sam .yui-submit-button:hover  { color:#fff; background-position:left -1400px; }

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a { font-family: 'Open Sans', Arial, Helvetica, Sans-serif; font-size:12px; min-height:25px; }


/** 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:10px 0 0 0; }



.declarar_incompetencia .yui-button button { background:url(images/stop.gif) no-repeat right  3px; padding-right: 20px; }
*html .declarar_incompetencia .yui-button button                                 { background:url(images/stop.gif) no-repeat right  top; padding-right: 20px; }
	

	
/* Boton Crear perfil */


.crear_perfil .yui-button { border-color: #CC6666; color:#FFFFFF; font-weight:bold; font-size:1.2em; }  

.crear_perfil .yui-button .first-child { background: url(images/page_white_add.gif) no-repeat 4px 4px; border-color: #CC6666; padding-left: 20px; }

.crear_perfil .submit .first-child { border-color: #CC6666; }

.crear_perfil .submit button { border:1px solid #FF0000; }

.crear_perfil span.submit .hover { border-color:#CC0000; background-color:#FF0000; } 




/** Botones dentro de un panel */
.yui-panel button {
    background:#CCCCCC /*url(/js/yui/button/assets/background.png) left center*/;
    border: 1px solid #CCCCCC;
    margin: 0;
    cursor: pointer;
    font-size: 90%;
    font-family: 'Open Sans', "Trebuchet MS", sans-serif;
}

.yui-panel button:hover {
    background:#666 /*url(/js/yui/button/assets/background.png) left center*/;
    border: 1px solid #7099CE;
}

/** Ventanas modales */

.yui-skin-sam .yui-panel {}

.yui-skin-sam .yui-panel .ft { margin:0; padding:0; height:0; border-width:0 0 1px 0;}

.




/** YUI toltip */
.yui-tt { text-align: left;  width: 500px; }

/** YUI Data Table */

.yui-skin-sam .yui-dt-liner { padding:5px 2px; }
.yui-skin-sam .yui-dt-bd table { border:0 none; border-left:#D6E184 1px solid; margin:5px 0; }
.yui-skin-sam .yui-dt th { background:#CCC url(images/sprite.png) repeat-x 0 -100px; color:#000; font-size:1em; vertical-align:top; top: 0px; }
.yui-skin-sam .yui-dt th a { color:#000; text-decoration:underline; }
.yui-skin-sam .yui-dt td { border:0 none; border-right:#ccc 1px solid; vertical-align:top; top: 0px; } 



.yui-skin-sam .yui-dt tr.yui-dt-odd { background-color: #E9E9F5; }
.yui-skin-sam .yui-dt tr.yui-dt-rec td { border-bottom: 1px dashed #c8c8c8; }




/** Paginación */
.yui-pg-first, .yui-pg-previous, .yui-pg-next, .yui-pg-last { display: none; }







/** YUI datatable "pager" */
.yui-dt .yui-dt-paginator {
    display: block;
    margin: 3px auto;
    text-align: center;
    padding: 3px;
}
.yui-dt .yui-dt-paginator span * {
    border: 1px solid #999999;
    background-color: #F7F7F0;
    padding: 4px 8px;
    margin: 2px;
    font-size: 9pt;
}
.yui-dt a.yui-pg-page {
	text-decoration: none !important;
    color: black !important;
}
.yui-dt .yui-pg-pages .yui-pg-current-page,
.yui-dt a.yui-pg-page:hover {
	background-color: #FACE5A !important;
    color: black !important;
    font-weight: bold;
}

/** Oculto links a inicio y final */
.yui-dt-paginator .yui-pg-previous,
.yui-dt-paginator .yui-pg-first,
.yui-dt-paginator .yui-pg-next,
.yui-dt-paginator .yui-pg-last {
    display: none;
}




.paginador { padding: 8px 0 4px 0; margin: 10px auto; text-align: center; line-height: 30px }
.paginador span {  }
.paginador a { border: 1px solid #999; color: black; background-color: #F7F7F0; text-decoration: none; padding: 3px 8px; }
.paginador a:hover { color: #000; background-color: #FACE5A; }
.paginador .actual a { font-weight: bold; color: #000; background-color: #FACE5A; }

































/** Campos con datos numéricos */
input.numero,
input.numerico {
    width: 91px;
}
input.numerico-corto { width: 45px; }


input, select, textarea {  }
textarea {   }


input.rut   { width: 91px; }
input.mails { width: 350px; }
option.nota { color: black; font-style: italic; }
input.path  { width: 350px; font-size: 8pt; }

textarea.xpath {  height: 30px; font-size: 8pt; }

.mantenedor_input_lista{  font-size: 11px; }


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: 600px; height: 50px; font-size: 9pt;  }
textarea.mantenedor_input_memo_cols {  font-size: 9pt;  }
textarea.expanding { font-size: 9pt; line-height: 12pt; min-height: 45px;  }
.textarea-contador { font-size: 8pt; color: navy; }
.textarea-contador-warning { font-size: 9pt; color: #AA0000; font-weight: bold; }

.campo-mantenedor-oculto { display: none; }

input.path { width: 320px; font-size: 8pt; }

div.mantenedor_div_input_classautocomplete { width: 300px; padding-bottom:2em; ; }
input.mantenedor_input_email { width: 200px; }
input.mantenedor_input_password { width: 90px; }

.mantenedor_requerido { color: #C30A14; font-size: 1.3em; }; 

/***********************************************************************************************************/
/** Tablas del mantenedor REGISTRO*/

body.tipo_registro .tablaMantenedor { }
body.tipo_registro .tablaMantenedor td { padding: 1px 8px; }


body.tipo_registro .tablaMantenedor tr.titulo1 td,
body.tipo_registro .tablaMantenedor tr.titulo2 td,
body.tipo_registro .tablaMantenedor tr.titulo3 td {
    padding: 3px 5px;
}

body.tipo_registro .tablaMantenedor tr.titulo1,
body.tipo_registro .tablaMantenedor tr.titulo2 {
    background-color: #4A4A4A;
    color: white;
    font-weight: bold;
    text-align: center;
}
body.tipo_registro .tablaMantenedor tr.titulo1 { font-size: 1.0em; }
body.tipo_registro .tablaMantenedor tr.titulo2 { font-size: 0.9em; }

body.tipo_registro .tablaMantenedor tr.titulo3 {
    background-color: #F0F0F0;
    color: #016FAC;
    font-weight: normal;
    text-align: left;
    font-size: 0.9em;
}
body.tipo_registro .tablaMantenedor tr.titulo3 td {
    padding: 5px 6px;
}



body.tipo_registro .par { }
body.tipo_registro .impar {background-color: #ededed; }

/***********************************************************************************************************/

/** Tablas del mantenedor */

.tablaMantenedor { border: 1px solid #4A4A4A; }
.tablaMantenedor td { padding: 1px 8px; }


.tablaMantenedor tr.titulo1 td,
.tablaMantenedor tr.titulo2 td,
.tablaMantenedor tr.titulo3 td {
    padding: 3px 5px;
}

.tablaMantenedor tr.titulo1,
.tablaMantenedor tr.titulo2 {
    background-color: #4A4A4A;
    color: white;
    font-weight: bold;
    text-align: center;
}
.tablaMantenedor tr.titulo1 { font-size: 1.0em; }
.tablaMantenedor tr.titulo2 { font-size: 0.9em; }

.tablaMantenedor tr.titulo3 {
    background-color: #F0F0F0;
    color: #016FAC;
    font-weight: normal;
    text-align: left;
    font-size: 0.9em;
}
.tablaMantenedor tr.titulo3 td {
    padding: 5px 6px;
}


/*
.mantenedor-campo-predio_vias .mantenedor-noedita
{
	overflow: auto;

    border: 1px solid blue;
}

/*


.tablaVacia th,
.tablaVacia td { padding: 1px 2px; }













/** 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;
   vertical-align:middle;
}
.numero img {
   vertical-align:middle;
}
.numero a { text-decoration:none; }
.numero a:hover { text-decoration:underline; }

/* 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; text-decoration:blink; }



td.center { text-align: center; }

.nota { color:#669999; 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 {  }


.titulo-ficha {
    /*clear: both;*/
    border-bottom: 1px solid #648055;
    margin-bottom: 10px;
    padding: 12px 0 2px;
}

.titulo-ficha span {
  /*  background: #0D7E88 url(images/content_title_right_top.gif) top right no-repeat;*/
    padding: 2px 16px 2px 5px;
	margin-left:6px;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
    color: #648055;
    border: none;
}

.titulo-ficha span span {
background:none;
border:none;
}

.titulo-ficha a { color: white; 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; border-bottom: 2px solid #0D7E88;  overflow:hidden; }

.lenguetas-ficha li { display: block; float: left; margin: 5px 3px 0 0; padding: 0; }

.lenguetas-ficha li a {

	background: #669999 url(images/content_title_right_top_2.gif) top right no-repeat;
	padding: 2px 16px 2px 5px;
	font-weight:normal;
	font-size: 13px;
	font-family: 'Open Sans', Arial, Helvetica, Sans-serif; color: white;
	border: 0 solid black; border-width: 0 0 2px 0;
	text-decoration: none;
}

.lenguetas-ficha li a.activo { font-weight: bold; background: #0D7E88 url(images/content_title_right_top.gif) top right no-repeat; }

.lenguetas-ficha li a:hover { background:#B4E0D8 url(images/content_title_right_top_3.gif) top right no-repeat; color: #006000; text-decoration:none; }

.ver_proyecto .yui-button .first-child { background:url(images/ver_proyecto.gif) no-repeat 3px center; padding-left:21px; }

.adjuntar_doc { background: url(images/papel_up.gif) no-repeat left center; padding-left:21px; height:18px; display:inline-block; font-weight:normal; margin-left:5px; }

.proyecto_destacado { background:#F8FFAD; padding:5px inherit; }

.proyecto_destacado a { font-weight:bold; }


/* Actividades */

/* body.buscar-new_usuario .agrega_user { background: url(images/actual_user.png) no-repeat; }  */
.asociar-predio-usuario {background: url(images/asociar_predio.png)no-repeat center; width: 24px; height: 24px; padding: 24px;  }
/* .eliminar {background: url(images/eliminar.png) no-repeat left center; width: 24px; height: 24px; padding: 24px; } */
.eliminar {background: url(images/eliminar.png)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
.habilitado {background: url(images/habilitado.gif) no-repeat center; width: 24px; height: 24px; padding: 24px;  }
.nohabilitado {background: url(images/nohabilitado.gif) no-repeat center; width: 24px; height: 24px; padding: 24px;  }
.editor {background: url(images/edita.gif)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
.previsualizar {background: url(images/ver_doc.gif)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
.resolucion {background: url(images/ver_res.gif)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
.fichapredial {background: url(images/fichapredial.png)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }

.emitir {background: url(images/emitir.png)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
/*.agrega_user {background: url(images/auser.gif)  no-repeat center; width: 24px; height: 24px; padding: 24px; }*/

.agrega_user{ background: url(images/auser.gif) no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px; }


.agrega_doc {background: url(images/adoc.gif)  no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px; }

.titular{ font-size: 16px; font-weight: bold; color: #648055; border-bottom:1px solid #648055; margin-bottom: 10px; margin-top: 10px; padding-bottom:5px;}

.detalle_usuario {margin: auto; background: #E9E9E9; border:2px solid #5D7179; width: 97%; padding:10px;}


.lista_actividades { background: url(images/gradient.jpg) repeat-x top; padding:5px 10px; margin-top:10px;}


.agregar_actividad a { background: url(images/add.gif) no-repeat left center; padding-left:21px; height:18px; display:inline-block; font-weight:normal; font-size:10px; margin-left:5px; display:inline-block; float:right;  clear:left; text-decoration:none; }

.modificar_actividad span, .eliminar_actividad span { display:inline-block; }
.agregar_actividad span { display:block; }


.eliminar_actividad a {  background: url(images/cancel.gif) no-repeat left center; padding-left:21px; height:18px; font-weight:normal;  font-size:10px; margin-left:5px; text-decoration:none; display:inline-block; }

.modificar_actividad a { background: url(images/editar.gif) no-repeat left center; padding-left:21px; height:18px; font-weight:normal;  font-size:10px; margin-left:5px; text-decoration:none; display:inline-block; }

.lista_actividades ol, .lista_actividades ul { list-style-position:inside; padding:0 10px; }

.lista_actividades li { padding: 5px; margin-bottom:10px; border-left:#99CCCC 3px solid;  }

.lista_actividades h3 { color:#0D7E88; margin-top:0;}

.lista_actividades .actividad_atrasada { background: #FF9999; text-decoration:blink;  }

.agregar_objetivo a { background: url(images/add.gif) no-repeat left center; padding-left:21px; height:18px; font-weight:normal;  font-size:12px; margin-left:5px; text-decoration:none; display:inline-block; color:#009999;  }

.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  }


.objetivo-eliminado { background-color:#FFFF99; text-decoration:line-through; }

.predioficticio {background: url(images/user_noautorizado.png)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
.predioborrador {background: url(images/icono-notice.gif)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }
.predioreal {background: url(images/user_autorizado.png)   no-repeat left center; padding-left:24px; height:24px; display:inline-block; font-weight:normal; margin-left:5px;  }



.tachado { background-color:#FFFF99; text-decoration:line-through; }
.tachado td a { text-decoration:line-through; }
.tachado td { text-decoration:line-through; }
.tachado #botones   { text-decoration:none; !important  }




/** 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; display:block; max-width:250px; }
*html .comentario {width:250px;}





































/**
 *
 * Mensajes de debug::getStructure()
 *
 */
div.debug table,
div.debug { font-size: 8pt !important; font-family: Arial, sans-serif }
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 a,
div.debug .debug-key-extra          { font-weight: bold; font-size: 0.8em; color: white; }
div.debug .debug-value-nota         { font-weight: normal; font-size: 0.8em; padding: 1px; color: black; }



/** Ajustes para formato::structure() */
div.debug.structure { font-size: 8pt; }
div.debug.structure table { margin: 0px; }
div.debug.structure th,
div.debug.structure td { padding: 1px 3px 1px 3px; }
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 { color: #000; }
div.debug.structure .debug-key-object,
div.debug.structure .debug-key-resource   { color: #FF8730;    }



/** Esquema de colores */
div.debug.azul      th { background-color: #446EC0; }
div.debug.gris      th { background-color: #7A8187; }
div.debug.rojo      th { background-color: #F03743; }
div.debug.verde     th { background-color: #639E12; }
div.debug.magenta   th { background-color: #8B5698; }
div.debug.amarillo  th { background-color: #F9C301; }

div.debug.notice   th { background-color: #B23617; }
div.debug.warning  th { background-color: #B23617; }
div.debug.error    th { background-color: #B23617; }






























/* autorut */
input.autorut {
    width: 91px;
}
input.autorut.invalido {
    color: red;
}




/* autofecha */

/* Elementos de formulario usados para almacenar fechas */
input.autofecha {
   text-align: center;
   width: 79px;
}

input.autofechaminutos {
   width: 110px;
}

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;
}
#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?v=20111025) no-repeat 100% 2px;
}
input.throbbing {
  background-position: 100% -18px;
}































/** Estilos para páginas específicas */


/** formulario de login y registro */
body.login a {/* font-size:8pt; */ font-weight:bold; }
body.login .left { width:300px; *width:300px;  padding:10px 10px 0 0; float:left; } /* COLUMNA IZQUIERDA */
body.login .center { width:310px; *width:300px; padding: 10px 0 0 0; float:left; border-style:solid; border-width:0 12px 0 12px; border-color:white}
body.login .right { width:270px; *width:260px; padding: 10px 0 0 0; float:left; }

body.login #container { padding:20px 15px;  }


body.registro #navigation,
body.registro #sidebar,
.registro #header .banner,
body.login #navigation,
body.login #sidebar,
.login #header .banner { display:none; }

body.registro h3 { color:#FFFFFF; }
/* body.login .form-login { width:300px; background:url(images/header_login.png) top left no-repeat; padding-top:1px;  } */
body.login .form-login { width:300px; background: #CFB968; padding-top:1px;  } 
body.login .form-login-footer, body.registro .form-login-footer, body.olvido .form-login-footer { width:300px; height:13px; background:url(images/footer_login.png) bottom left no-repeat; margin-bottom:10px; }
body.login form, body.olvido form {  font-size: 12px; /* font-weight: bold;*/ padding:10px 10px 0; margin:0; }

body .form-login h2 { padding:0 0 0 10px; margin:0; }
body.login form p, body.registro form p, body.olvido form p  { font-weight:normal; font-size: 11px; text-align:left; margin-bottom:5px; vertical-align:middle;}
body.login form label, body.registro form label, body.olvido form label { font-weight:bold; }
body.login form input[type="text"], body.registro form input[type="text"], body.olvido form input[type="text"]  { width: 100%; font-size: 10pt; font-weight: bold; padding: 5px; }


body.login #columnas .left ul { padding-left:0; }

body.login #columnas .right h3 { color:#0D7E88; margin-top:0; }
body.login #columnas .right strong { font-size:large; color: #009933; }


form input[type="password"] { margin-top:0; vertical-align:middle; width: 100%; font-size: 10pt; font-weight: bold; padding: 5px;  }





body.login .titulo_login {background: #A1904A; padding: 9px 0px 10px 20px; color:#fff; font-weight: bold;}
body.login .fin_login { width: 238px; height: 27px; padding: 9px 0px 0px 12px; font-weight: bold; margin-bottom: 10px; }



body.registro .form-login,  body.olvido .form-login { width:300px; background:#CFB968 url(images/header_login.png) top left no-repeat; color:#FFFFFF; padding:1px 0 10px 0; margin:0;  }
body.olvido .form-login { margin:0 auto;  }

body.olvido .form-login-footer { margin:0 auto; }
body.registro form {  font-size: 12px; font-weight: bold; padding:0 10px; margin:0; }







.avisos { margin:0 auto; width:340px; }
.avisos small { color:#CC0000; font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; }

.login .right .avisos-right { margin:0; width:270px;  }
.login .right .avisos-right li { list-style:none; background:url(images/recuadro-docs-right.gif) no-repeat left bottom; width:270px; height:57px; margin:0 0 10px 0; padding:15px 40px 0 10px; text-align:left; } 
.login .right .avisos-right .ext { list-style:none; background:url(images/recuadro-docs-3.gif?v=20110328_3) no-repeat left top; width:270px; height:140px; margin:0 0 10px 0; padding:15px 40px 0 10px; text-align:left; } 
.login .right .avisos-right .ext-bases { list-style:none; background:url(images/recuadro-docs.gif?v=20110328_3) no-repeat left top; width:270px; height:205px; margin:0 0 10px 0; padding:15px 40px 0 10px; text-align:left; } 


.verMas {color:#009999; margin-right:5px; font-size:11px }
.informacion {font-size:10px} 


.login .nomina h3 { padding-top:0; margin-top:0; color:#ffffff;}
.login .nomina { background:url(images/nomina_header.png?v=20110331) no-repeat left top; width:300px; display:block; margin:0 0 10px 0;  }
.login .nomina a { text-decoration: none; color:#505050;}
.login .nomina a:hover { text-decoration: underline; color:#FFFFFF; }
.login .nominas { list-style:none; background:url(images/nomina.png?v=20110331) no-repeat left bottom; width:256px; height:200px; display:block;  margin:0 0 10px 0; padding: 0px 48px 1px 0px; text-align:left;color:#ffffff;}

.login .nomina2 h3 { padding-top:0; margin-top:0; color:#ffffff; }
.login .nomina2 p { font-size: 14px; color:#e8e8e8; margin: 0 10px 7px; }
.login .nomina2 a { text-decoration: none; color:#e8e8e8;}
.login .nomina2 a:hover { text-decoration: underline; color:#e8e8e8; }
.login .nomina2 { background:url(images/nomina_header-old.png?v=20110401_3) no-repeat left top; width:300px; display:block; margin:0 0 10px 0; padding:15px 0 0 0; }
.login .nominas2 { list-style:none; background:url(images/nomina-arch.png?v=20110401_3) no-repeat left bottom; width:270px; display:block; *float:left; margin:0 0 10px 0; padding:0px 40px 10px 10px; text-align:left; }


.login .right li { list-style:none; background:url(images/recuadro-aviso.gif) no-repeat center top; width:223px; height:53px; display: inline-block;*float:left; margin:0 0 10px 0; padding:15px 10px 0 10px; text-align:left;} 
.login .avisos li { list-style:none; background:url(images/recuadro-aviso.gif) no-repeat center top; width:300px; display: inline-block;*float:left; margin:0 0 10px 0; padding:15px 40px 0 10px; text-align:left;} 

.login .right .docs { list-style:none; background:url(images/recuadro-docs.gif?v=20110328_3) no-repeat center top; height:33px;}
.login .avisos .doc-ppt { list-style:none; background:url(images/recuadro-ppt.jpg) no-repeat center top; height:33px;}
.login .avisos .docs { list-style:none; background:url("images/recuadro-docs-4.gif?v=20110328_3") no-repeat scroll left center transparent; display:block; height:122px; list-style:none outside none; margin:0 0 6px; padding:10px 10px 10px 10px; text-align:left; width:300px;}
.login .avisos .docs p { margin: 0 20px 0.5em; } 
.login .avisos .docs-2 { list-style:none; background:url(images/recuadro-docs-2.gif?v=20110328_3) no-repeat center bottom; height:58px;}
.login .center .aviso { background:url(images/recuadro-aviso3.gif) top center; width:210px; height:90px; padding:10px 50px 10px 10px; margin-bottom:10px; } 
.login .center { text-align:left;}
.login .center li a { text-decoration:none; font-size:8pt; font-weight:bold; }
.login .center li a:hover { text-decoration:underline }


#ue  { width:290px; background:url(images/header_banner.png?v=20110328_3) top left no-repeat; padding:10px 10px 0; }
#ue h3 { margin:0 0 10px 0; }
td > div { border:0 none; }
#ue table td { padding:5px 0; border-bottom:1px dotted #99CC99; vertical-align:top; }
#ue strong { color:#009999; margin-right:5px; }
.ue-footer { width: 300px; height:13px; background:url(images/footer_banner.png) bottom center no-repeat; margin-bottom:10px; }
#ue p { padding:10px 20px 0; font-weight:normal; font-size: 11px; text-align:left; margin:0; }
#ue img { padding:10px 20px 0; }
#ue .last { border:0 none; }
#faq  { width:205px; height:40px; background:url(images/faq.jpg) top center no-repeat; padding:10px 55px 10px 10px; }
#faq h3 { margin:0; }
#faq a { color:#0D7E88; }

#calc { width:300px; height:105px; background:url(images/calcu.jpg?v=20110328_3) top center no-repeat; margin:0 0 10px 0; padding:10px 0 0 0; font-size: 11pt; font-weight: bold; }
#calc a { color:#0D7E88; }



#resultados { padding-top:10px; margin:auto; }
#resultados h3 { margin:0 0 10px 0; }
#resultados table td { padding:5px 0; border-bottom:1px dotted #99CC99; vertical-align:top; }
#resultados strong { color:#009999; margin-right:5px; }
#resultados p { padding:10px 20px 0; font-weight:normal; font-size: 11px; text-align:left; margin:0; }
#resultados img { padding:10px 20px 0; }
#resultados .last { border:0 none; }

#verReporte { width:300px; background:url(images/header_login.png) top left no-repeat; padding-top:1px;  }
#verReporte  { margin:0 0 10px 0; }
#verReporte table td { padding:5px 0; border-bottom:1px dotted #99CC99; vertical-align:top; }
#verReporte strong { color:#009999; margin-right:5px; }
#verReporte p { padding:10px 20px 0; font-weight:normal; font-size: 11px; text-align:left; margin:0; }
#verReporte img { padding:10px 20px 0; }
#verReporte .last { border:0 none; }


body.login .busca_proyecto { width:243px; background: url(images/header_aviso.png?v=20110328_3) top center no-repeat; color:#0D7E88; }
body.login .busca_proyecto_footer { width: 243px; height:10px; background:url(images/footer_aviso.png) bottom center no-repeat; margin-bottom:10px; padding:0; margin-top:0; }
.busca_proyecto .yui-button {  }
.busca_proyecto  { margin:0; padding:0 5px 10px; }
body.login .busca_proyecto label { font-weight:normal; }
.busca_proyecto .lineas_tematicas  { font-weight:normal; font-size: 10px; text-align:left; margin-bottom:2px; vertical-align:middle; color:#333333; }
body.login .busca_proyecto input[type="text"] { width:100%; }

body.login .align_right { text-align:right; display:block; }

body.login .noticias { width:225px; height:150px; padding:10px; background: url(images/fondo_noticias.png) top no-repeat; margin-bottom:10px;}
/*body.registro form { background:transparent url(images/recuadro-registro.gif) no-repeat center top; width: 412px; height: 210px; margin: auto; font-size: 10pt; font-weight: bold; }
body.registro form h1 { margin-top:0; color: white; padding: 8px 10px; text-align: center; font-size: 14pt;}
body.registro form p  { padding: 10px 10px; text-align: center; font-size: 10pt; }
body.registro form table.formulario { margin: 20px auto; color: #003366; }
body.registro form input { width: 100px; font-size: 10pt; font-weight: bold; }*/
body.registro form small { color:#CC0000; }
body.registro .center , body.registro .center h4 { margin-left:5px; margin-right:5px; }
body.registro .center p { margin: 5px; }
body.registro form { width:200px; margin:0 auto; }
body.registro #columnas .left { width:286px; padding: 0 10px 0 0; float:left; } 
body.registro #columnas .center { width:290px; float:left; text-align:left; }
/*body.registro #columnas .right { width:174px; height:102px; margin:0; padding: 10px 10px 0 10px; float:right; background:url(images/login_consultas.gif) top center no-repeat; text-align: center; }*/

/*body.registro #columnas .left ul { padding-left:0; }
body.registro #columnas .center h1 { margin:0 auto 10px; }
body.registro #columnas .center p { margin:auto; }*/

/* body.registro hr, body.login hr { background:transparent url(images/hr.gif) repeat-x left; border:0 none; padding:5px 0; margin:0 20px 0 10px;}*/




/** página con mensaje */
body.mensaje .msg { width: 408px; min-height: 210px; margin: 40px auto; font-size: 9pt; background:#FFFFFF; padding:8px 6px; }
body.mensaje .msg h1 { background: url(images/headerb.jpg) repeat-x; color: black; padding: 0 5px 5px 5px; margin:0 0 5px 0; text-align: center; font-size: 14pt; }
body.mensaje .msg .contenido {  padding: 20px 15px 0 20px;}
body.mensaje .botones { text-align: center; padding: 30px 0 0 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; }


body.cambia-perfil tr.destacado td.columna-icono-perfil-actual { background: url(images/actual_user.png) no-repeat; }

/** 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_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; }



/** pagina confirmar Firma */

body.confirmarFirma .ficha table { margin:0 auto; font-size:120%; }

body.confirmarFirma  #div_btn_1 a { background:url(images/wrench.gif) no-repeat right 3px; padding-right:20px; }
body.confirmarFirma  #div_btn_0 a { background:url(images/arrow_undo.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 img {
    border: none;
}

#dock {
    margin-left: 170px;
    margin-top: -50px;
    width: 300px
}

/* dock - top */
.dock {
    position: relative; 
    height: 50px; 
    text-align: center;
}
.dock-container {
    position: absolute;
    height: 50px;
    /*background: url(dock/dock-bg2.gif);*/
    padding-left: 20px;
}
a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
    border: none; 
    margin: 5px 10px 0px; 
    width: 100%; 
}
.dock-item span {
    display: none; 
    padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
    width: 100%;
    bottom: 0px;
    position: absolute;
    left: 0px;
}
.dock-container2 {
    position: absolute;
    height: 50px;
    background: url(dock/dock-bg.gif);
    padding-left: 20px;
}
a.dock-item2 {
    display: block; 
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 40px; 
    color: #000; 
    bottom: 0px; 
    position: absolute;
    text-align: center;
    text-decoration: none;
}
.dock-item2 span {
    display: none;
    padding-left: 20px;
}
.dock-item2 img {
    border: none; 
    margin: 5px 10px 0px; 
    width: 100%; 
}



/* Interfaz de checkbox */

.edicion-checkbox-falta {
   background: url(images/icono_3estados.png);
   display: block; width: 14px; height: 16px;
   cursor: hand; cursor: pointer;
}

.edicion-checkbox-si {
   background: url(images/icono_3estados.png) 0px -50px;
   display: block; width: 14px; height: 16px;
   cursor: hand; cursor: pointer;
}

.edicion-checkbox-no {
   background: url(images/icono_3estados.png) 0px -100px;
   display: block; width: 14px; height: 16px;
   cursor: hand; cursor: pointer;
}














/** Pantalla de digitación del perfil */
.icono-descargar-perfil { display: block; width: 20px; height: 20px; float: left; background: url(images/botones.gif) no-repeat -294px 0; }






/** ordenamiento de expedientes por nota */

div.workarea { padding:10px;  }

ul.ordenador {
 position: relative;
 width: 550px;
 background: #f7f7f7;
 border: 1px solid gray;
 list-style: none;
 margin:0;
 padding:0;
}

ul.ordenador li {
 margin: 1px; padding: 1px 3px;
 cursor: move;
 background-color: #D1E6EC;
 /*border:1px solid #7EA6B2;*/
}

.nota-numero { text-align: right; font-weight: bold; width: 20px; }
.nota-puntaje   { font-weight: bold; width: 30px; padding-left: 8px; }
.nota-monto  { text-align: right; white-space: nowrap; width: 75px; }
.nota-nombre { font-size: 0.9em; padding-left: 5px; }














/** Nombre\n Cargo\n Institucion */
.firma { padding-top: 30px; padding-bottom:10px; }
.firma p { text-align: center; margin: 0; }
.firma .nombre-autor { font-weight: bold; }


a img { border:0 none; }

.help-formulario-postulacion {display:none; position:absolute; border:2px solid #00CC00; background-color: white; padding: 5px;}



/** Formuario de busqueda **/

.formulario-busqueda {
    margin: 2px 0;
	padding:5px 0;
    border: 2px solid #5D7179;
    background-color: #E9E9E9;
}

.tabla-busqueda td {
    margin: 10px 2px;
    padding: 2px 7px;
    white-space:nowrap;
	
    
	
	
	/* text-align: left;*/

}

.tabla-busqueda-detalle td {
    margin: 10px 2px;
    padding: 2px 7px;
    white-space: nowrap;
	width: 100%;
	border:1px solid red;

}
.resumen-busqueda {
    margin-top: 10px;
    padding: 5px 15px 0px;
    background-color: #5D7179;
    color: #FFF;
    width: 360px;
    text-align: center;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    font-weight: bold;
}






/** Estilos para páginas específicas */
/** banner jquery */

#example_1_container
{
	width: 960px;
	height: 230px;

}
#example_1_container .easy_slides_caption
{
	display: none;
}

.easy_slides_container
{
	overflow: hidden;
	position: relative;
}
.easy_slides_img1, .easy_slides_img2
{
	display: none;
	top: 0;
	position: absolute;
}
.easy_slides_img1
{
	z-index: 2;
}
.easy_slides_img2
{
	z-index: 1;
}
.easy_slides_caption
{
display: none;
	/*
	position: absolute;
	bottom: 0;
	background-image: url(../img/bg.png);
	background-color: transparent;
	display: none;
	z-index: 3;
	color: #FFF;
	font-family: sans-serif;
	font-size: 16px;
	*/
}


#imgPortada
{
	width: 960px;
	height: 230px;
	background: url(images/login_header.jpg?v=20100622) no-repeat 0px 0px;
}

#columna_izquierda
{
	width: 300px;
	/* background-color: #CFB968; */
	float: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border:1px solid red;
}

#columna_principal
{
	margin-left: 315px;
	background-color: #EAE9BD;
	padding: 4 4 4 4px;
	width: 610px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	/* position:relative;
	top: -190px; */
	
}


#columna_derecha
{
	width: 220px;
	float: right;
	border:1px solid red;
}



.titulo_herramientas
{
	width: 238px;
	height: 27px;
	background: #A9B572   url(images/herramientas_top.jpg?v=20100622) no-repeat 0px 0px;
	padding: 9px 0px 0px 12px;
	font-weight: bold;
}

.panel_herramientas
{
	width: 257px;
	background: url(images/fnd_herramienta.gif?v=20100622) no-repeat 0px 0px;
	height: 34px;
	padding: 15px 0px 0px 41px;
	
}
.fin_herramientas
{
	width: 238px;
	height: 27px;
	background: url(images/herramientas_bottom.jpg?v=20100622) no-repeat bottom;
	padding: 9px 0px 0px 12px;
	font-weight: bold;
	margin-bottom: 10px;
}






















/* Cuadro de texto con mensaje loading */

#banner-loading { display: none; z-index: 800; position:absolute; top: 340px; left: 0; width: 99%; }

#banner-loading div {
	margin: 0 auto; width: 650px;  height: 90px;
	background: black url(/template/default/images/loading-black.gif?v=20111025) no-repeat 170px -70px;
	color: white; text-align: center; padding-top: 150px; padding-bottom: 20px;
	
	-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; color: #FFF;
}

#banner-loading p {
	text-align: center; font-size: 9pt; 
}

#banner-loading a { color: #EEE; }


/*CSS PESTANAS TABS*/

#etiqueta {
overflow: auto;
  float:none;
  width:100%;
  background:#FFF;
  font-size:93%;
  line-height:normal;
  
  }
#etiqueta ul {
  margin:0;
  padding:0px 5px 0 0;
  list-style:none;
  }
#etiqueta li {
  float:left;
   -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    background-color:#637aad;
    border:1px solid #314179;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
  -webkit-border-top-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-top-right: 9px;
-moz-border-radius-bottom-left: 9px;
border-top-right-radius: 9px;
border-bottom-left-radius: 9px;
    margin-right: 2px;
  }

#etiqueta li:hover { background-color:#5972a7; }

#etiqueta a {
  float:left;
  display:block;
  
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#003366;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#etiqueta a {float:none;}
/* End IE5-Mac hack */
#etiqueta a:hover {
  color:#DDD;
  }
#etiqueta #current {
    -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
    box-shadow:inset 0px 1px 0px 0px #9acc85;
    background-color:#74ad5a;
    border:1px solid #3b6e22;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
  }
#etiqueta #current a {
   color:#FFF;
  padding-bottom:5px;
  }
#etiqueta #noactivo {
    color:#003366;
  }
#etiqueta #noactivo a {
   color:#003366;
  padding-bottom:5px;
  }


.tabla-edicion INPUT, TEXTAREA { font-size: 12px; border: 1px solid #CCC; background-color: #EDEDED; padding: 8px 8px 7px;  box-sizing: border-box;}

.mantenedor-campo-rolavaluo INPUT, TEXTAREA { font-size: 12px; border: 1px solid #CCC; background-color: #EDEDED; padding: 8px 8px 7px;  box-sizing: border-box;}
.mantenedor-campo-coordenada INPUT, TEXTAREA, SELECT { font-size: 12px; border: 1px solid #CCC; background-color: #EDEDED; padding: 8px 8px 7px;  box-sizing: border-box; }
.mantenedor-campo-conservador INPUT, TEXTAREA, SELECT { font-size: 12px; border: 1px solid #CCC; background-color: #EDEDED; padding: 8px 8px 7px;  box-sizing: border-box; }
/* Mensaje sobre todo */

/* Cuadro de texto con mensaje loading */

#mensaje_flotante
{
	position: relative;
	height: 40px;
	border: 1px solid #CCC;
	padding: 9px 0px 0px 72px;
	background: #FDCE5A url(images/flotante.png) no-repeat 18px 2px;

	-moz-box-shadow: 0px 0px 6px #999;
	-webkit-box-shadow: 0px 0px 6px #999;
	box-shadow: 0px 0px 6px #999;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	font-family: Arial;
	font-size: small;
    clear: both;
    margin:20px;
}
#mensaje_flotante H3
{
	font-size: 18pt;
	font-weight: bold;
}
#mensaje_flotante P
{
	text-align: center;
	font-size: 9pt;
}
#mensaje_flotante A
{
	color: #EEE;
}


/* Arreglos especificos */
body.buscar-new_usuario #resultados table {width: 100%; margin:auto;}
body.buscar-perfil #resultados table {width: 92%; margin:auto;}
body.buscar-perfil .botones-pie-tabla {width: 92%; margin:auto;}
body #resultados table {width: 100%; margin:auto;}

.btn_inicio {float:right;}

#col_izquierda
{
	
	margin-top:25px;
	width: 300px;
	float: none;

}

/*

#col_izquierda
{
    
    margin-top:25px;
    width: 300px;
    float: left;
  
}

#col_central
{
	
	float: left;
	width: 620px;
	padding-left: 10px;
	line-height: 200%;
	
}
*/

/* 2019 */
#col_central
{
    
    float: none;
    width: 100%;
    padding: 10px;
    /*line-height: 200%;*/
    
}



.borrador
{
	/*border: 1px solid blue;*/
	z-index: 0;
	position: absolute;
}


/*** DOC. AVISO DE EJECUCIÓN DE FAENAS, PLAN DE MANEJO BOSQUE NATIVO */

.tabla-aviso-faenas {
    border-collapse: collapse;
    font-size: 11px;
	margin:0px;
	
}	


/*SITIOS DESTACADOS CON LOGOS*/

/*
.banners
{	
	padding: 10px 0px;
	margin: 20px auto;
	height: 230px;
	width: 100%;
	z-index:1;
}
.banners UL
{
	height: 65px;
	display: block; 
	margin: 0 auto;
}
.banners UL LI
{
	display: inline;
	margin-top: 5px;
	background-color: #000;
}
.banners UL LI A
{
	float: left;
	width: 0px;
}
.banners UL LI.btn-portal-pagos A
{
	background: url(images/banners_footer.png) no-repeat 0px 3px;
	padding: 30px 85px;
}
.banners UL LI.btn-estadisticas-forestales A
{
	background: url(images/banners_footer.png) no-repeat 0px -56px;
	padding: 30px 85px;
}
.banners UL LI.btn-informacion-territorial A
{
	background: url(images/banners_footer.png) no-repeat 0px -115px;
	padding: 30px 85px;
}
.banners UL LI.btn-fondo-conservacion A
{
	background: url(images/banners_footer.png) no-repeat 0px -174px;
	padding: 30px 85px;
}
.banners UL LI.btn-fondo-LBN A
{
	background: url(images/banners_footer.png) no-repeat 0px -233px;
	padding: 30px 85px;
}
.banners UL LI.btn-saq A
{
	background: url(images/banners_footer.png) no-repeat 0px -292px;
	padding: 30px 85px;
}
.banners UL LI.btn-admin-forestal A
{
	background: url(images/banners_footer.png) no-repeat 0px -351px;
	padding: 30px 85px;
}
.banners UL LI.btn-sidco A
{
	background: url(images/banners_footer.png) no-repeat 0px -410px;
	padding: 30px 85px;
}

.banners UL LI.btn-fiscaliza A
{
	background: url(images/banners_footer.png) no-repeat 0px -473px;
	padding: 30px 85px;
}

.banners UL LI.btn-resoluciones  A
{
	background: url(images/banners_footer.png) no-repeat 0px -536px;
	padding: 30px 85px;
    
}

.banners UL LI.btn-resoluciones  A:hover
{
    width: 160px; height: 50px;


}
*/
/********************** MENU ACORDION ********************/

.panel-acordion {border:1px solid #648055; overflow: hidden;}
.menu_acordion_top { width:300px; height:auto; background: #A9B572; padding-top:10px;  float:left; z-index:1000; }
.fin_acordion { width:300px; height:auto; background:#A9B572; margin-bottom:10px; padding-bottom:10px; float:left; z-index:1000; }


.accordionButton
{
	width:100%;
	float: left;
	
/*Float works in all browsers but IE6*/
	background: #A9B572;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	background-image: url(images/horizontal.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 20px 0 20px 35px;
	font-size:12px;
	z-index:1000;
}
.accordionContent
{
	width: 100%;
	float: left;
	/*Float works in all browsers but IE6*/
	background: #D6E184;
	padding: 10px 0 10px 35px;
	font-size:12px;
}
/***********************************************************************************************************************
EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.on
{
	color: #FFFFFF;
	background-color: #648055;
	background-image: url(images/vertical.png);
	background-repeat: no-repeat;
	background-position: left;
}
.over
{
	background: #39745E;
	color: #FFFFFF;
	background-image: url(images/vertical.png);
	background-repeat: no-repeat;
	background-position: left;
}
/**************************/

.espaciado-vertical-100 {margin:100px;padding:1px;}
.espaciado-vertical-150 {margin:150px;padding:1px;}
.espaciado-vertical-200 { margin:200px;padding:1px;}







/** Tablas */


.tabla-archivos {
    margin: 0px auto;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-collapse: collapse;
    font-size: 1em;
	width: 100%;
    
}
.tabla-archivos tbody tr { border-bottom: 1px dotted #c8c8c8; }
.tabla-archivos td { padding: 0.4em 3px;
    border: 1px dotted #CCC;
    border-width: 1px;
    
}

.tabla-archivos tbody tr:nth-child(even) { background-color: #FFFFFF; }
.tabla tbody tr:nth-child(odd)  { background-color: #C8DAE6; }


.tabla-archivos tr.par {
    background-color: #FFFFFF;
}
.tabla-archivos tr.impar {
    background-color: #E9E9F5;
}


.tabla-archivos tr.separador {border: 1px dotted #c8c8c8;
    background-color: #CCD;
}
.tabla-archivos tr.disabled {
    color: #AAB;
}

.tabla-archivos thead .titulo {
    font-size: 1.2em;
}

.tabla-archivos td.thead,
.tabla-archivos th.thead,
.tabla-archivos thead {
    background-color: #294860;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    border: 1px dotted #222;
}

.tabla-archivos thead td,
.tabla-archivos thead th {
    padding: 2px 9px;
    font-weight: bold;
    border: 1px dotted #c8c8c8;
}

.tabla-archivos tfoot td,
.tabla-archivos tfoot th {
    background-color: #bbb; font-weight: bold;border: 1px dotted #c8c8c8;
}

.tabla-archivos TD { padding:10px;  }

.tabla-archivos a { text-decoration:none; }
.tabla-archivos a:hover { text-decoration: underline; }
.tabla-archivos a img { text-decoration:none; }
.tabla-archivos a:hover img { text-decoration:none; }

.tabla-archivos .tipo-archivo TD { border:1px solid red; }

.tabla-archivos .tipo-archivo {  background-image: url(/images/papel.gif); background-repeat: no-repeat; background-position: 2px 8px; padding-left: 25px; }
.tabla-archivos .tipo-archivo-eliminar {  background-image: url(/images/remove.gif); background-repeat: no-repeat; padding-left: 18px; padding-bottom: 15px; background-position: left top;}
.tabla-archivos .tipo-carpeta {  background-color: #F0F0F0; background-image: url(/images/folder_medio.gif); background-repeat: no-repeat; background-position: 2px 7px; padding-left: 25px;  border-top:2px solid #CCC;}

.tabla-archivos .tipo-archivo li { list-style-type: none;   padding: 0px;   margin: 0px;}

/*.tabla-archivos .tipo-archivo li{ background-image: url(/images/papel.gif);}*/

.tabla-archivos td.titulo {font-size: 1.2em; color: #0D7E88; background-color: #FCE444; font-weight: bold; text-align:center;}
.tabla-archivos td.descripcion {font-size: 1em; color: #666; font-style: italic; padding: 6px 14px; }


.titulo-table {background-color: #7D98B8;
    color: white;
    
    font-weight: bold;
    border: 1px dotted #222;
    }

.titulo1 {
    background-color: #003366;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}



.tabla-archivos ul.historial
{
list-style-type: none;
padding: 0px;
margin: 0px;

}

.tabla-archivos ul.historial li
{
background: url(images/historia.png) no-repeat 0px 0px;
border-bottom:1px dotted #CCC;
padding-left: 20px;
margin:0px;

}




/*------------- Slide */
.Slide{border-bottom:1px dashed #ccc; margin:15px 0 20px;}
.Slide .SL{color:#3B88DA; cursor:pointer; padding:10px; display:block; border-top:1px dashed #ccc; margin:0}
.Slide .SL-Off{color:#3B88DA;}
.Slide .SL-On{color:#000;}
.Slide .SL-Cont{padding:5px 30px 5px 10px;}
.Slide .SL-Cont table {margin:0 auto 20px;border-collapse: collapse;empty-cells: show;border-spacing:0px; border:1px solid #FFF;  background:#FFF; text-align:left; color:#555; }
.Slide .SL-Cont th, .slidcont td{ /*padding:.7em .6em; */ font-size:.95em; line-height:100%; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.Slide .SL-Cont th{ background-color:#e2e2e2; text-align:center; color:#333;}
.Slide .SL-Cont ul {margin: .5em 0 1em;}
.Slide .SL-Cont ul li {margin: 0 0 0.2em;padding-left: 3em;color: #333; /* background: url(flip_rojo.gif) no-repeat;*/ }
.Slide .SL-sub .SL{color:#F00; padding-left: 20px;}


/*------------- Clear Fix */
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf {display: inline-block;}
* html .cf {height: 1%;}
.cf {display: block;}


/*******************************/

.tabla-slide
{
	border-collapse: collapse;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#EDEDED;
}
.tabla-slide TD
{
	padding: 1px;
	border: 1px solid #CCC;
	border-width: 1px;
	vertical-align: top;
	text-align: center;
}
.tabla-slide TH
{
	padding: 1px;
	border: 1px dotted #DDDDDD;
	border-width: 0 0 1px;
	vertical-align: top;
	background-color: #CCC;
}
.tabla-slide THEAD
{
	background: #CCC;
	font-weight: bold;
	text-align: left;
}

/************************/

.Slide .tipo-archivo {  background-image: url(/images/papel.gif); background-repeat: no-repeat; background-position: 2px 0px; padding: 1px 5px 2px 25px; }
.Slide .tipo-archivo-eliminar {  background-image: url(/images/remove.gif); background-repeat: no-repeat; padding-left: 18px; padding-bottom: 15px; background-position: left top; float:right;}
.Slide .tipo-carpeta {  background-color: #F0F0F0; background-image: url(/images/folder_medio.gif); background-repeat: no-repeat; background-position: 2px 7px; padding-left:35px;  border-top:2px solid #CCC;}

/*********************/

.doc-difrol {font-size: 12px; background-color: #FFF; padding: 20px;}
.doc-difrol table {width: 100%;}
.doc-difrol-titulo {width: 30%;}
.doc-difrol-titulo {width: 40%; font-weight: bold; text-align: center; font-size: 18px;}
.doc-difrol-info {font-size: 11px; width: 30%; }
.doc-difrol-cabecera {margin-bottom:100px;}
.doc-difrol-de-para {width: 100%; padding-left: 0%; margin-top: 50px; line-height: 30px; margin-bottom: 50px; }
.doc-difrol-contenido {font-size: 14px; }


/************ Solucion BUG Chrome version 53.0.2785 *******************/

@media  print {
    thead { 
        display: table-row-group 
    }
}





.form-login {padding: 5px;}





/********************************* 2019 *************************/

.titulo-verde {color: #415337; font-weight: 600;   font-size: 16px;}  
.titulo-blanco {color: #FFF; font-weight: 600;   font-size: 16px;}  

.caja-login-2019 INPUT, TEXTAREA {
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;
    padding: 8px 8px 7px;
    /* resize: none; */
    width: 100%;
}
.caja-login-2019 {width: 100%;  padding: 5px; 
    /*
    -moz-box-shadow:inset 0px 1px 0px 0px #EAE9BD;
    -webkit-box-shadow:inset 0px 1px 0px 0px #EAE9BD;
    box-shadow:inset 0px 1px 0px 0px #EAE9BD;
    */
    background-color:#FFF;
    
    margin-bottom: 20px;}




.caja-login-2019-interior {  }
.caja-login-2019-interior div {padding: 3px; }
.caja-login-2019-interior span {border:1px solid red;  }


.txt-centro {text-align: center;}
.txt-derecha {text-align: right;}
.txt-izquierda {text-align: left;}

.col-20 {width: 18%;}
.col-25 {width: 25%;}
.col-30 {width: 30%;}
.col-33 {width: 33%;}
.col-40 {width: 30%;}
.col-50 {width: 50%;}
.col-60 {width: 60%;}
.col-80 {width: 80%;}
.col-90 {width: 90%;}
.col-100 {width: 100%;}

.border {border:1px solid red;}

.padding-10 {padding: 10px;}

.mini-font {font-size: 9px;}

.flota-derecha {float: right;}
.flota-izquierda {float: left;}

.caja-login-2019-interior hr.style7 {padding: 0px; border-top: 1px solid #A1904A;  border-bottom: 1px solid #EAE9BD; border-left: 1px solid #fff; border-right: 1px solid #fff;}

hr.style1{  border-top: 1px solid #8c8b8b;}
hr.style2 { border-top: 3px double #8c8b8b;}
hr.style3 { border-top: 1px dashed #8c8b8b;}
hr.style4 { border-top: 1px dotted #8c8b8b;}
hr.style5 { background-color: #fff; border-top: 2px dashed #8c8b8b;}
hr.style6 { background-color: #fff; border-top: 2px dotted #8c8b8b;}
hr.style7 { border-top: 1px solid #DEDEDE;  border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
hr.style8 { border-top: 1px solid #8c8b8b;  border-bottom: 1px solid #fff;}



.menu_acordion_contenido {border-top: 1px solid #fff;}

.yui-skin-sam .yui-button .first-child { border:none; }
.yui-skin-sam .yui-button { border:none; }
.yui-skin-sam .yui-button { border: none; background: none; }


.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
-moz-box-shadow:inset 0px 1px 0px 0px #7f8f96;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7f8f96;
    box-shadow:inset 0px 1px 0px 0px #7f8f96;
    background-color:#4d646c;
    border:1px solid #4c636b;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a, .yui-skin-sam .yui-button a:visited {
-moz-box-shadow:inset 0px 1px 0px 0px #7f8f96;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7f8f96;
    box-shadow:inset 0px 1px 0px 0px #7f8f96;
    background-color:#4d646c;
    border:1px solid #4c636b;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a, .yui-skin-sam .yui-button a:hover {
background-color:#687a82;
}

.btn-gris {
    -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
    box-shadow:inset 0px 1px 0px 0px #9acc85;
    background-color:#74ad5a;
    border:1px solid #3b6e22;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:'Open Sans', Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
}
.btn-gris:hover {
    background-color:#68a54b;
}
.btn-gris:active {
    position:relative;
    top:1px;
}


/*************** 2019 ************/



body.login input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

body.login input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


body.login button {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

body.login button:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}



.btn_oficina_virtual {
    -moz-box-shadow:inset 0px 1px 0px 0px #7d9090;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7d9090;
    box-shadow:inset 0px 1px 0px 0px #7d9090;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d646c), color-stop(1, #687a82));
    background:-moz-linear-gradient(top, #4d646c 5%, #687a82 100%);
    background:-webkit-linear-gradient(top, #4d646c 5%, #687a82 100%);
    background:-o-linear-gradient(top, #4d646c 5%, #687a82 100%);
    background:-ms-linear-gradient(top, #4d646c 5%, #687a82 100%);
    background:linear-gradient(to bottom, #4d646c 5%, #687a82 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d646c', endColorstr='#687a82',GradientType=0);
    background-color:#4d646c;
    border:1px solid #3f5258;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:10px 20px;
    text-decoration:none;
}
.btn_oficina_virtual:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #687a82), color-stop(1, #4d646c));
    background:-moz-linear-gradient(top, #687a82 5%, #4d646c 100%);
    background:-webkit-linear-gradient(top, #687a82 5%, #4d646c 100%);
    background:-o-linear-gradient(top, #687a82 5%, #4d646c 100%);
    background:-ms-linear-gradient(top, #687a82 5%, #4d646c 100%);
    background:linear-gradient(to bottom, #687a82 5%, #4d646c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#687a82', endColorstr='#4d646c',GradientType=0);
    background-color:#687a82;
}
.btn_oficina_virtual:active {
    position:relative;
    top:1px;
}

.botonera-login {position:absolute; right: 5px; z-index: 1; }




.btn_of_virtual_login {
  
    background-color:#74ad5a;

-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border:0px 1px 1px 1px solid #3b6e22;

    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px !important;
    font-weight:bold;
    padding:5px 20px;
    text-decoration:none;
}
.btn_of_virtual_login:hover {
    background-color:#68a54b;

-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
}
.btn_of_virtual_login:active {
    position:relative;
    top:1px;
}

.logo-mySlides { position: absolute; width: 100%;}
.mySlides{ width: 100%; }

.botonera-herramientas {padding: 0px; margin: auto; text-align: center; }


/************ Links de interés portada *************/


.navbar {  border:1px solid transparent;}

/*establece la barra horizontal*/
.navbar ul  { margin:0px; padding: 0px; box-sizing: border-box;}

.navbar ul li {margin:0px; padding: 0px;
    box-sizing: border-box;
    min-width: 300px;
    max-width: 310px;
    display: inline-block;
    text-align: center;
    word-break: break-word;
}
.navbar ul li:hover { background: #eee;}





.navbar ul li a { 
    text-transform: uppercase; /*mayusculas*/
    text-decoration: none;
    color:#666666; /*estado inicial*/
    transition: all 0.5s; /*todas las propiedades en 2 segundos*/

}


/*mouse sobre los vinculos*/
.navbar ul li a:hover {
       color: #206C28; /*estado final*/ 
}
/* menu desplegable*/
#menu-desplegable1 ul { display: none; z-index: 999; /*orden de capa */ position: absolute; padding: 0px; background: white;}
/*lista desplegable en horizontal*/
#menu-desplegable1 ul li { display: block; /*vertical*/ padding: 10px; border-bottom: 1px solid #CCC; background: #DDD;}

#menu-desplegable2 ul { display: none; z-index: 999; /*orden de capa */ position: absolute; padding: 0px; background: white;}
/*lista desplegable en horizontal*/
#menu-desplegable2 ul li { display: block; /*vertical*/ padding: 10px; border-bottom:1px solid #CCC; background: #DDD;}

#menu-desplegable3 ul { display: none; z-index: 999; /*orden de capa */ position: absolute; padding: 0px; background: white;}
/*lista desplegable en horizontal*/
#menu-desplegable3 ul li { display: block; /*vertical*/ padding: 10px; border-bottom:1px solid #CCC; background: #DDD;}

#menu-desplegable4 ul { display: none; z-index: 999; /*orden de capa */ position: absolute; padding: 0px; background: white;}
/*lista desplegable en horizontal*/
#menu-desplegable4 ul li { display: block; /*vertical*/ padding: 10px; border-bottom:1px solid #CCC; background: #DDD;}


.link-full { width: 100%;}

hr.separador { border-top: 1px solid #DEDEDE;  border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}

/*.botonera-vinculos {   text-align: center; border:1px solid blue; }

.caja-boton { margin:2px; float:left; width: 10.8%; height: auto; text-align: center; border:1px solid blue; padding: 5px; }
*/

.botonera-vinculos {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.caja-boton {
  flex: 0 0 auto;
  margin: 5px;
}


.btn-footer {
    -moz-box-shadow:inset 0px 1px 0px 0px #7AA97F;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7AA97F;
    box-shadow:inset 0px 1px 0px 0px #7AA97F;
    background-color:#416246;
    border:1px solid #206C28;
    display:block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    font-weight:normal !important;
    padding:6px 12px;
    text-decoration:none;
    height: 150px;
    width: 130px;
    text-align: center;

}

.btn-footer:hover { background-color:#388244;}
.btn-footer:active { position:relative; top:1px;}


#image-top {width: 100%; height: auto;}



/**************CELULAR**********************/


@media only screen and (max-width: 600px)
    {
/****************/
#wrapper { width:100%; position: relative;  }
#container { padding:10px 1px; }
#col_central {  word-wrap: break-word; overflow-wrap: break-word;}
#ayuda {float: right;}
#ruta {position: relative; top:0px; padding: 0px; margin: 0px;}
#sidebar {font-size: 9px; margin: 0px;  padding: 0px;}
.fecha-actual {display: none;}
textarea.mantenedor_input_memo { width: 100%; height: auto; }
.yui-skin-sam .yuimenubaritemlabel { padding: 10px 1px;   }
.yui-skin-sam .yuimenuitem { padding: 1px 5px; }
#navigation-inner { height: 40px; position: absolute; width: 100%; margin: 0px;}
#menu {height: 40px; }
.bd { height: 40px; }
INPUT, TEXTAREA, SELECT  {  width: 100%; }

#etiqueta ul  {  width: 100%; }
#etiqueta li  {  width: 100%; }

.col-33 {display: block; width: 100%;}

/***************/
    }