/* vim: set expandtab tabstop=3 shiftwidth=3 softtabstop=3 foldmethod=marker: */







#iframe-popup {
    display: none;
    position: absolute;
    top: 80px;
    left: 75px;
    width: 650px;
    height: 550px;
    z-index: 1000;
    border: 2px solid #333;
}


#tapador-popup {
    display: none;
    width: 2000px; height: 10000px;
    background: url(img/tapador.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.edicion_tabla .contenedor.oculto .toggler { background: url(/images/listaEditores/mostrarSeccion.gif) no-repeat; float: left; width: 16px !important; cursor: pointer; cursor: hand; text-indent: -5000px; display: block; }
.edicion_tabla .contenedor.visible .toggler { background: url(/images/listaEditores/ocultarSeccion.gif) no-repeat; float: left; width: 16px !important; cursor: pointer; cursor: hand; text-indent: -5000px; display: block;  }

.edicion_tabla .contenedor.oculto .seccion { display: none;}
.edicion_tabla .contenedor.visible .seccion { display: block;}




.numero { text-align: right; }




.yui-dt .fecha { width: auto !important; text-align: center; white-space: nowrap; }



.yui-dt table {
    margin: 0px auto;
    border: 1px solid #177EBF;
    border-collapse: collapse;
}
.yui-dt table th,
.yui-dt table td {
}
.yui-dt table tr.yui-dt-even {
    background-color: #FFFFFF;
}
.yui-dt table tr.yui-dt-odd {
    background-color: #E9E9E9;
}

.yui-dt table thead a,
.yui-dt table thead td,
.yui-dt table thead th {
}

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




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

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

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

.yui-dt tr.yui-dt-selected.yui-dt-odd { background-color: #8EEF4C; } 
.yui-dt tr.yui-dt-selected.yui-dt-even { background-color: #99EF60; } 
















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

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

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

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

/* hago la mascara un poco mas oscura */
.mask { background-color: #666 !important; }

/* expandir/ocultar tipologia */

.expandcollapse { background:url(images/expand.png) right center no-repeat; padding-right:20px; width:130px; display:block; }





















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

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

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



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


















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




/* autofecha */

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

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












/** 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) no-repeat 100% 2px;
}
input.throbbing {
  background-position: 100% -18px;
}
























/** listado de perfiles del usuario para cambiar de perfil */
div.listaPerfiles ul { padding-left: 14px; margin: 0; }
div.listaPerfiles li { margin: 5px 0; line-height: 125%; padding: 0; list-style: outside url(images/html/bullet_tit_ficha.gif); }

/** listado de sistemas del usuario para cambiar de sistema */
div.listaSistemas ul { padding-left: 14px; margin: 0; }
div.listaSistemas li { margin: 5px 0; line-height: 125%; padding: 0; list-style: outside url(images/html/bullet_tit_ficha.gif); }













/** opciones de ficha de expediente implementadas con YUI tabpanel */
.items-ficha-expediente ul.yui-nav li {
    background: url(images/html/bullet_tit_ficha.gif) no-repeat 11px 6px;
    padding-left: 20px;
    padding-right: 20px;
    font-size:11px;
    font-weight: bold;
}
.items-ficha-expediente ul.yui-nav li.selected a {
    color:#1E6A9A !important;
}
.items-ficha-expediente .yui-content li {
    list-style: none;
    background: url(images/html/bullet_menu_expedientes.gif) no-repeat 0 6px;
    padding-left: 5px;
}















/** Hago que el icono que acompaña a "cerrar sesion" también sea clickeable */
#main #fon_bottom #col_center #cerrar_sesion {  background-position: 2px -1px; color: #2E88B5; }


/** Aviso del sistema actual */
#aviso_actualizacion { position: absolute; left: 350px; top: 0; font-size: 16px; color: red; font-weight: bold; display:none; }


/** Maximiza el "área activa" como link en las lenguetas */
.tabs a { display: block; height: 100%; }
.tabs p { overflow: hidden; }


/** Ajustes para que las páginas con poco contenido no se vean "cortas" */
#contenidos { min-height: 250px; margin-bottom: 30px; }



/** Disnimyyo el padding de las tablas de edición de documentos */
#main #fon_bottom #col_center #contenidos .tabla_formularios td {
    padding-left: 8px;
    padding-right: 8px;
}

/** Quito borde a icono para guardar documento */
#main #fon_bottom #col_center #contenidos form .tabla_formularios td .bot_guardar{ border:none; }


/** Publicidad de Exec al pie de pagina */
#footer #exec {float:right; font:9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 20px 0 0; padding:0px;}
#footer #exec a:link, #footer #exec a:visited{font:normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}



/** Ancho mínimo de columnas de preguntas en edición de documentos */
.espaciador_preguntas_documento { width: 140px; height: 1px; }



/** Ajustes a la columna izquierda para no deformar su aspecto */
#main #fon_bottom #col_left_0 ul { white-space: normal; line-height: 120%; }
#main #fon_bottom #col_left_0 ul li { padding-top: 0px; }
#main #fon_bottom #col_left_0 h1 { height: 40px; padding-bottom: 0; }
#main #fon_bottom #col_left_0 #ic_mis_actividades{ white-space: normal; line-height: 100%; display: block; padding-bottom: 7px; }


/** Reduzco el ancho del contenido de la columna derecha para minimizar el error en el layout */
#info_miseia { white-space: normal; width: 185px !important; }


/** Botones con class="button", por ejemplo usados en el mantenedor */
.button {background:url(images/botones/bot_100px.jpg) center center no-repeat; width:102px; height:28px; color:#FFF; cursor:pointer; border:none; text-align:center; font:9px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}



/** Estilos para tablas del mantenedor */
.tabla_datos .titulo1, .tabla_datos .titulo2, .tabla_datos .titulo3 {background:#DBED7D; border:1px solid #89B8D2; color:#FFF; vertical-align:top; text-align:center; font-weight:bold !important;}
.tabla_datos .titulo1 a {color:#FFF; text-decoration:none;}

.tabla_datos .titulo1 {font-size: 1.1em !important; }
.tabla_datos .titulo2 {font-size: 1.0em !important; }
.tabla_datos .titulo3 {font-size: 0.9em !important; }



/** Quito el alto forzado de los input type="radio" */
input[type='radio'] { height: auto !important; }

/* PARA LA SELECCION DE TIPOLOGIAS FUERA DE LA BUSQUEDA RAPIDA */
div #tipos_proyectos_2{width:530px; height:300px;  border:1px solid #7CA1BB; margin:5px 0px 0px 0px; padding:0px 10px 10px 10px; overflow:auto;}
body#ventana_popup #main {width:auto !important;}
div #select_pas{width:530px; height:300px;  border:1px solid #7CA1BB; margin:5px 0px 0px 0px; padding:0px 10px 10px 10px; overflow:auto; background:url(images/html/buscador_fon_txtarea.jpg) 0px 0px repeat-y}


/* BOTONES DE OTROS TAMANOS */
.bot_140px {background:url(images/botones/bot_200px.jpg) center center no-repeat; width:202px; height:28px; color:#FFF; cursor:pointer; border:none; text-align:center; font:9px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* Mensaje de cargando */
.loading {background: url(images/autocomplete_loading.gif) no-repeat 0 -20px; padding-left: 20px; margin: 10px }













#bot_link_entrar { margin-left: 25px; }
#bot_link_entrar:hover { background: transparent none !important; }





/* mensajes de error, advertencias y avisos */

.notice  { color: black; font-weight:bold; }
.warning { color: #006699;  font-weight:bold; }
.error   { color: red;  font-weight:bold; }


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

div.error li, div.warning li, div.notice li { text-align: left; }


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


div.error div.button, div.warning div.button, div.notice 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 {
   background: transparent none; border: none; color: white; padding-top: 6px; padding-bottom: 6px;
}

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


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

/* Iconos Editor mapa */

.tool { display:inline-block; width:16px; height:16px; vertical-align:middle; }
.tool span { display:none; }
#main #fon_bottom #col_center #contenidos .tabla_puntos a:hover { background:transparent; !important }

.eliminar	{ background:url(images/ico/delete.png) center center no-repeat; }
.cancelar	{ background:url(images/ico/cross.png) center center no-repeat; }
.guardar	{ background:url(images/ico/disk.png) center center no-repeat; }
.centrar	{ background:url(images/ico/arrow_in.png) center center no-repeat; }
.mover		{ background:url(images/ico/arrow_out.png) center center no-repeat; }
.agregar 	{ background:url(images/ico/add.png) center center no-repeat; }
.editar	{ background:url(images/ico/page_edit.png) center center no-repeat; }