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


HTML
{
	
	width: 980px; 
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px;
}
BODY
{
	margin-bottom: 20px;
	/*border: 1px solid #EDEDED;*/
	font-family: sans-serif, arial;
	font-size: 9pt;
	
	text-align: center;/*IE 6 o anteriores*/
}
/*
body { 
   margin: 0px;
   width: 778px;
    
	background-repeat: repeat;
	background-attachment: fixed;
}
*/

body, table { 
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  font-size: 10px;
  background-color: none;
}

PRE, TT { 
   font-size: 1.1em;
   color: navy;
}


a {
   color: #345304;
   text-decoration:none;
}

/*a:hover {text-decoration:none; font-weight: bold; font-size: 9px;}*/



p { 
   margin-top: 2px;
   margin-bottom: 1em;
   padding: 0px 2px;
}


h1, .h1 { font-size: 1.2em; background-color: none; margin: 1px 2px 0px;color: #345304; padding-top: 1px;padding-left:6px;padding-bottom: 5px;background-image: url(_images/back_title.gif);background-repeat: no-repeat; text-align: center; background-position:center center;}
h2, .h2 { font-size: 1.4em; background-color: none; margin: 1px 2px 0px; color: #345304; padding-top: 6px; text-align: center; padding-bottom:10px; }
h3, .h3 { font-size: 1.0em; background-color: none; margin: 1px 2px 0px; padding-top: 3px; }
h4, .h4 { font-size: 1.4em; background-color: none; margin: 5px 5px 5px; color: #345304; padding-top: 6px;}

table caption {
   text-align: left;
   font-weight: bold;
}





img {
   border: none;
}



fieldset {
   margin: 1px 2px;
   padding: 2px;
}

legend {
   color: black;
   font-weight: bold;
}


fieldset fieldset legend {
   color: gray;
   font-weight: normal;
   font-size: 0.9em;
}








/**
 *
 * Mensajes de debug::getStructure()
 *
 */
div.debug table,
div.debug { font-size: 8pt; font-family: "Trebuchet MS", 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; }




















/* FORMULARIOS */


form {
   margin: 0;
}

TEXTAREA, INPUT, SELECT, OPTION {
   font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   margin: 0px;
   padding: 0px;
}

INPUT  {
   height: 18px;
   line-height: 14px;
}

TEXTAREA, .mantenedor_input_memo        { width: 250px; height: 80px; }
.mantenedor_input_htmlarea    { width: 500px; height: 350px; }


.input_ancho_fijo_cuarto { width: 40px; } filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=3);
.input_ancho_fijo_medio { width: 81px; }

.input_ancho_fijo,             /* ancho estбndar para inputs */
.mantenedor_input_text, 
.mantenedor_input_file, 
.mantenedor_input_email       { width: 165px; }
.mantenedor_input_popup       { width: 170px; }
.mantenedor_input_fecha_dia   {width: 20px; }
.mantenedor_input_fecha_mes   {width: 90px; }
.mantenedor_input_fecha_ano   {width: 40px; }
.mantenedor_input_fecha_hor,
.mantenedor_input_fecha_min,
.mantenedor_input_fecha_seg {width: 23px; }
.mantenedor_input_password    {width: 100px; }

.input_checkbox,
.input_radio {
   width: 10px;
   height: 10px;
}




.buscador-popup{
   float: left;
   margin-left: 0;
}

.buscador-popup-boton{
   float: left;
   margin-left: 0;
}









/* nota que se adjunta a algъn pбrrafo */
.nota {
   font-size: 0.9em;
   font-weight: normal;
}



/* indica que el elemento posee informaciуn histуrica que ya noes vigente
   como por ejemplo cuando se listan las suscripciones de una empresa,
   se mostrarбn tambiйn las suscripciones que ya no estбn vigentes

*/
.noVigente {
   color: gray;
}








/* Elementos de formulario usados para desplegar datos calculados */
input.calculado {
   border: none;
   margin: 1px;
   padding-top: 4px;
}


/* indica que el dato contenido es numйrico */
input.autonumero,
.numero input,
.numero {
   text-align: right;
}


/* indica que el dato contenido es una fecha */h1, .h1 { font-size: 1.2em; background-color: none; margin: 1px 2px 0px;color: #345304; padding-top: 1px;padding-left:6px;padding-bottom: 5px;background-image: url(images/back_title.gif);background-repeat: no-repeat; text-align: center; background-position:center center;}
h2, .h2 { font-size: 1.1em; background-color: none; margin: 1px 2px 0px; color: #345304; padding-top: 6px; text-align: center;}
h3, .h3 { font-size: 1.0em; background-color: none; margin: 1px 2px 0px; padding-top: 3px; }
h4, .h4 { font-size: 1.4em; background-color: none; margin: 5px 5px 5px; color: #345304; padding-top: 6px;}
.fecha {
   text-align: center;
}

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


/* indica que el elemento (ejemplo TD) posee acciones sobre el registro */
.accion {
   text-align: center;
}

/* Botones */

button,
.buttonGrande,
.button,
.button5,
.button10,
.button15,
.button20
{
   background-image: url(images/boton-oliva-80_login.gif);
   background-color: transparent;
   width: 80px;
   height: 20px;
   border: 0px none;
   margin: 1px;
   

   padding-bottom: 1px;
   color: #4A7021;
   font-size: 11px;
   font-weight:normal;
}

.button5   { background-image: url(images/boton-oliva-60.gif);  width: 60px; }
.button10  { background-image: url(images/boton-oliva-80.gif);  width: 80px; }
.button15  { background-image: url(images/boton-oliva-120.gif); width: 120px; }
.button20  { background-image: url(images/boton-oliva-160.gif); width: 160px; }

#botonExcel { background: url(images/excel.gif) no-repeat;  width: 16px; height:16px; margin:0 5px; }


#botonToPrint { background: url(images/print.gif) no-repeat;  width: 16px; height:16px; margin:0 5px; }

.invisible span {display:none;}

.invisible {float:left;}








/* botones dentro de las tablas de uso corriente */

table.tabla button,
table.tabla .button,
table.tabla .button5,
table.tabla .button10,
table.tabla .button15,
table.tabla .button20,
fieldset button,
fieldset .button,
fieldset .button5,
fieldset .button10,
fieldset .button15,
fieldset .button20
{
   background-image: url(images/boton-chico-azul-60.gif);
   width: 60px;
   height: 12px;

   line-height: 12px;
   color: white;
   font-size: 9px;
   font-family: small-caps, tahoma;
   font-weight: normal;
}

fieldset .button5,  table.tabla .button5   { background-image: url(images/boton-chico-azul-40.gif);  width:  40px; }
fieldset .button10, table.tabla .button10  { background-image: url(images/boton-chico-azul-60.gif);  width:  60px; } 
fieldset .button15, table.tabla .button15  { background-image: url(images/boton-chico-azul-80.gif);  width:  80px; } 
fieldset .button20, table.tabla .button20  { background-image: url(images/boton-chico-azul-120.gif); width: 120px; } 
/*
fieldset .button5    { background-image: url(images/boton-chico-azul-40.gif);  width:  40px; }
fieldset .button10   { background-image: url(images/boton-chico-azul-60.gif);  width:  60px; } 
fieldset .button15   { background-image: url(images/boton-chico-azul-80.gif);  width:  80px; } 
fieldset .button20   { background-image: url(images/boton-chico-azul-100.gif); width: 100px; } 
*/














/* Tablas de uso corriente */

.tabla caption,
.tabla th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #528800;
	font-weight: bold;
	padding: 2px 3px;
	vertical-align:top;
	border-right:1px #99CC99 solid;
	border-bottom:1px #99CC99 solid;

}
.tabla td {
   padding:	5px 3px;
   color: black;
   border-right:1px dotted #5C9900;
}
.tabla tr.par {
   background-color: #FFF;
}
.tabla tr.impar {
   background-color: #EDF8DF;
}

.tabla tr.red {
   background-color: #FFCCBB;
}


.tabla { width:100%; background-color: white; border: 1px solid #5c9900; border-collapse: collapse;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1); margin:10px auto;
   
}


.tabla a { text-decoration:none; font-size: 11px; color: #345304;}
.tabla a:hover { color: #345304; background-color: #F7F7F0; text-decoration:underline; }
.tabla a img { text-decoration:none; }
.tabla a:hover img { text-decoration:none; }


.tabla fieldset {
   margin: 1px 2px;
   padding: 2px;
   border:1px solid #345304;
}

.tabla legend {
   text-align:right;	
   color: #EEEEE;
   font-weight: bold;
   font-size: 14px;
}



.titulos { background:url(images/back_nombre.gif) center center no-repeat; }










/* Tablas destacadas

Se utilizan para tablas con mensajes especiales, pantallas de login o cualquier
otro componente que requiera uso de tablas pero con pocos datos.


*/


.destacado { 
   border: 2px solid #dfebc4;
   border-collapse: collapse;
   background-color: #fbfef5;
   border-spacing: 0;
   filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2);   
   }
   

.destacado th {
   color:#5e762a;
   font-size: 1.7em;
 	padding:	5px 15px;
}


.destacado td {
   padding:	5px 15px;
}

.destacado button,
.destacado .button {
   background-image: url(images/boton7.jpg);
   background-color: transparent;
   width: 110px;
   height: 20px;
   border: 0px none;
   color: #38502E;
   font-size: 11px;
   font-weight: normal   ;
   }


.destacado A {
	color: #327BB2;
}



div.destacado {
	padding:	5px 15px;
  background-color:#fbfbfb;

}














/* Tablas para formularios de busqueda */


.tablaBusqueda {
   background-color: #fbfef5;
   border: 2px solid #dfebc4;
   border-collapse: collapse;
   filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=1);
   }

.tablaBusqueda caption {
   background-color: #5c9900;
   
   text-align: center;
   color:white;
   font-size: 1.5em;
	padding:	8px 5px;

	 }

.tablaBusqueda th {
   color: 5e762a;
   font-size: 1.3em;
	padding:	5px 15px;
 

   
}
.tablaBusqueda td {
	padding:	5px 15px;
	
}

.tablaBusqueda button,
.tablaBusqueda .button {
   background-image: url(images/boton7.jpg);
   background-color: transparent;
   width: 110px;
   height: 20px;
   border: 0px none;
   color: #38502E;
   font-size: 11px;
   font-weight: normal;
}


.tablaBusqueda A {
	color: #327BB2;
}


.tablaBusqueda fieldset {
   border: 1px solid gray;
}

   


/* color TH #528800 */
/* color BORDE #5c9900 */














/* Tablas para mostrar listados de valores, ejemplo: listado de resultados de busqueda */


.tablaLista td {
   background-color: WHITE;
   padding:	1px 5px;
   border: 1px solid #5c9900;
   border-collapse: collapse;
border-bottom: 2px solid #5c9900;
   
}


.tablaLista th {
   background-color: #528800;
   border: 1px solid #5c9900;
   border-collapse: collapse;
   color: WHITE;
   font-size: 1.1em;
   font-weight: bold;
     
}


.tablaLista {
   background-color: WHITE;
   border-collapse: collapse;
      filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=1);
}


.tablaLista impar {
   background-color: #DDD;
   
}
















/*    Tabla que corresponde a una ficha con informaciуn de resumen


Se utiliza para mostrar de manera destacada la informaciуn resumida en la ediciуn de un elemento.

Por ejemplo al editar un contrato de publicidad, muestra la fecha de creaciуn, ediciуn y
nъmero de contrato.

*/

.tablaFichaResumen {
   
   
   border-collapse: collapse;
   text-align: center;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=1);
}

.tablaFichaResumen th {
background-color: #5c9900;
border: 1px solid #5c9900;
   border-collapse: collapse;
	color: white;
	padding:	2px 10px;
}

.tablaFichaResumen td {
background-color:#E9F6D7; 
border: 1px solid #79ad32;
   border-collapse: collapse;
	padding:	2px 10px;
}

.tablaFichaResumen A {
	color: #327BB2;
}








.tablaMantenedor2 {
   border-collapse: collapse;
   border: 1px solid #007639;
   padding: 4px;
   margin: 3px;
   width: 780px;
   vertical-align: top;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=1);
}


.tablaMantenedor2 tr.par {
   background-color: white;
}
.tablaMantenedor2 tr.impar {
   background-color: #F5FBEC;
}

.tablaMantenedor2 th {
   padding:	2px 3px;
   vertical-align: top;
}
.tablaMantenedor2 td {
   padding:	0px 3px;
   vertical-align: top;
}







.tablaMantenedor {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #5c9900;
	padding: 4px;
	margin: 3px;
	vertical-align: top;
  /*  filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=1); */
	text-align: left;
	
}

.tablaMantenedor tr.par {
   background-color: white;
}
.tablaMantenedor tr.impar {
   background-color: #F5FBEC;
}

.tablaMantenedor th {
   padding:	2px 3px;
   vertical-align: top; 
}
.tablaMantenedor td {
   padding:	0px 3px;
   vertical-align: top;
}








/* Tablas del mantenedor */


/* Contenedor de las mantenciones. Todas las mantenciones (del mantenedor) estбn dentro de esta tabla */

table.contenedorMantenedor {
   width: 100%;
   height: 100%;
   text-align: center;
}


/* Formatos para encabezados de tablas del mantenedor */

.encTabla1 {
   background-color: #528800 !important; 
   color: white;
   font-size: 1.3em;
   font-weight: bold;
}


.encTabla2 {
   background-color: #5c9900 !important;
   background-image: url(images/fondo_tablas_titulo.jpg);
   color: white;
   font-size: 1em;
   font-weight: normal;
}

















/* Tablas con formularios de ediciуn */
.tablaEdicion {
   border-collapse: collapse;
   border: none;
   padding: 4px;
   margin: 3px;
   vertical-align: top;
  }

.tablaEdicion th {
   padding:	2px 3px;
   vertical-align: top;
}
.tablaEdicion td {
   padding:	0px 3px;
   vertical-align: top;
}
.tablaEdicion tr.par {
}
.tablaEdicion tr.impar {
}

.tablaEdicion thead th {
   text-align: center;
}
.tablaEdicion tbody th {
   text-align: left;
}

fieldset .tablaEdicion {
   border: none;
}










/*Tabla popup*/

.tablaPopUp {margin:10px;}

.tablaPopUp td {padding:5px; border:#CCCCCC thin solid;}

.tablaPopUp td td {margin:0px; padding:3px; border:0;  font-size:12px;}

.tablaPopUp td td .textfield {border:#CCCCCC thin solid; padding:2px; width:230px;}


























/* Lenguetas */

ul.lenguetas {
   margin: 0px;
   padding: 8px 0px 0px 1px;
   border-bottom: 1px solid #7C8E99;
}

ul.lenguetas li {
   display: inline;
}


ul.lenguetas a {
   text-decoration: none;
   color: black;

   padding: 2px 1px 1px;

   border-top: 1px solid #91A7B4;
   border-left: 1px solid #91A7B4;
   border-right: 1px solid #91A7B4;

   background-color: #F0F0EA;
   line-height: 14px;
}


ul.lenguetas a:hover,
ul.lenguetas li.activo a {
   border-top: 1px solid #E68B2C;
   background-image: url(images/pestana.gif);
   background-repeat: repeat-x;
}
ul.lenguetas li.activo a {
   border-bottom: 1px solid white;
   background-color: white;
}

ul.lenguetas li.inactivo a {
   color: gray;
}
ul.lenguetas li.inactivo a:hover {
   border-top: 1px solid #91A7B4;
   background-image: none;
}























/*
** Autocomplete styles
*/
/* Suggestion list */
#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: 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('img/autocomplete_loading.gif') no-repeat 100% 2px;
}
input.throbbing {
  background-position: 100% -18px;
}













/* autofecha */

div.autofecha {
   background-color: white;
   border: 1px solid #1A529B;
   padding: 1px;
}
div.autofecha TABLE {
   background-color: white;
   border-collapse: collapse;
   font-size: 7pt;
}
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 {
}
/* 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=20120821) 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; }

















































#contenido { 
   
   position: absolute;
   padding: 0px;
   top: 190px; 
   left: 0px; 
   width: 100%; 
   height: 100%;
 filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=2);

}




#titulo { 
   position: absolute;
   top: 99px; 
   left: 210px;
   font-size: 1.7em;
   font-weight: 600;
   color: white;
}

#empresa { 
   position: absolute;
   top: 0px; 
   left: 0px;
   width: 350px;
   height: 48px;

}





#usuario { 
   text-align: right;
   padding-right: 15px;
   font-size: 10px;
   font-weight: bold;
   color: #848484;   
   filter: progid:DXImageTransform.Microsoft.Glow(color=black,strength=1);
}





#fecha { 
   position: absolute;
   top: 20px; 
   left: 0px;
   width: 99%;
   text-align: right;
   font-size: 9px;
   color: #CAFE15;
}



#links { 
   text-align: right;
   padding-right: 15px;
   font-size: 10px;
   font-weight: bold;
   color: white;   
}

#links A { 
   color: white;
   text-decoration: none;
}

#links A:hover { 
   color: #CAFE15;
}









/* 
   Formatos para impresiуn
*/


@media print
{

.saqheader {display:none;}
#example_1_container {display:none;}
.saqlinks {display:none;}
#menu {display:none;}
.saqusuario {display:none;}
.saqfecha  {display:none;}

#links,
#fecha,
.HVMenu,
.no_print {
   position: absolute; visibility: hidden;
}


#contenido {
   top: 30pt;
}

#titulo {
   width: 100%;
   text-align: center;
   top: 0px; left: 0px;
   font-size: 14pt;
   color: black;
}

#usuario {
   width: 100%;
   text-align: center;
   top: 18pt; left: 0px;
   font-size: 9pt;
   filter: none;
   color: black;
}


}

/** Redefinici�n de elementos YUI */



/** YUI menu */
div.yuimenubar li.selected {
    background-color:#106DA8;
	
}
div.yuimenubar li {
    font-size: 1.1em;
}


.yuimenubaritemlabel yuimenubaritemlabel-hassubmenu {/* border:1px solid red; */}

/** YUI button */

/** disminuyo el alto */
.yuibutton button { padding: 0.2em 0.5em;  }
.yuibutton a      { padding: 0.08em 0.5em; }

/** Icono contextuales */
.buscar .yuibutton button {
    background: url(images/lupa.png) no-repeat 1px;
    padding-left: 22px;
}

.guardar .yuibutton button {
    background: url(images/disk.gif) no-repeat 4px 2px;
    padding-left: 22px;
}





























/**
 * 
 * YUI datatable "table" usados en busquedas
 * 
 * Las paginas de busqueda tienen la siguiente estructura de DIVs
 * 
 * + busqueda <clase>
 *    + formulario-busqueda     Contiene el formulario
 *       + tabla-busqueda       Tabla con campos de busqueda
 *    + mensaje-busqueda        Mensaje en caso de no haber encontrado registros
 *    + yui-dt resultado-busqueda      Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 * 
 */
 
.resultado-busqueda              { min-height: 700px; }
.yui-dt div.opciones { width: 80px; }

.yui-dt table {
    margin: 0px auto;
    width: 770px;
    background-color: #FFF;
    border: 1px solid #5c9900;
    border-collapse: collapse;
    font-size: 11px;
}
.yui-dt table th,
.yui-dt table td {
    padding: 0.4em 5px;
}

.yui-dt table tr.yui-dt-even {
    background-color: #FFFFFF;
}
.yui-dt table tr.yui-dt-odd {
    background-color: #EDF8DF;
}

.yui-dt table thead a,
.yui-dt table thead td,
.yui-dt table thead th {
    /*background-color: #5c9900;*/
  	 font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 11px;
    font-weight: bold;
}

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




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

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

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

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




/** Celdas con iconos de opciones */
.yui-dt .opciones   {  }
.yui-dt .opciones a { display: block; float: left; text-indent: -10000px; margin: 0 1px; }
.yui-dt .opciones a.pdf  { width: 16px; height: 16px; background: url(images/iconos.gif) 0 0;     }
.yui-dt .opciones a.pdf2 { width: 16px; height: 16px; background: url(images/iconos.gif) 0 -50px;  }
.yui-dt .opciones a.xml  { width: 16px; height: 16px; background: url(images/iconos.gif) 0 -100px; }
.yui-dt .opciones a.txt  { width: 16px; height: 16px; background: url(images/iconos.gif) 0 -150px; }




/** Mensajes de busqueda sin resultados */
div.mensaje-busqueda {
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal; text-align: center;
   padding: 15px; margin: 20px auto; clear: both; width: 50%;
   background-color: #FCE444; border-color: #E5BC24;
}

/** Formularios de b�squeda */
.formulario-busqueda {
    margin: 2px 10px 10px 10px;
    border: 2px solid #1673AE;
    background-color: #E3F2FC;
}

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


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









/** Campos con datos num�ricos */
input.numero,
input.numerico {
    width: 91px;
}

input.rut {
    width: 91px;
}



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

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














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



















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










/**********************   MARZO 2013    *************************/
#lateral
{
	width: 290px;
	float: left;
}
.caja-lateral-login-sup
{
	background: url(images/login_sup.png);
	padding: 15px 0 15px 15px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11pt;
}
.caja-lateral-login
{
	background: #5C9900 url(images/login_bot.png) no-repeat bottom;
	margin: 0 0 12px;
	text-align: left;
	color:#fff;
	
}
.link-caja
{
	background: url(images/lista.png) no-repeat left center;
	padding: 12px 5px 12px 35px;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}
.caja-lateral-sup
{
	background: url(images/lateral_sup.png);
	padding: 15px 0 15px 15px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11pt;
	margin: 15px 0 0;
}
.caja-lateral
{
	padding: 0 0 39px 0px;
	background: #528800 url(images/lateral_bot.png) no-repeat bottom;
	margin: 0;
	
}

#lateral UL
{
	margin: 0 0 0 0px;
	padding: 12px 0 0 0px;
	list-style: none outside url(images/lista.png);
	text-align: left;
	
	
}
#lateral LI
{
	background-color: #A9B572;
	margin: 2 2 2 2px;
	padding: 10px 5px;
	/*[disabled]font-weight:bold;*/
	border-bottom: 1px solid #F4F5EE;
}
#lateral A
{
	color: #FFF;
	text-decoration: none;
}

/************************************/
.folleto
{
	text-align: left;
	font-size: 11px;
	border: 1px solid #DFDCDC;
	padding: 11px;
}

#lateral .folleto A:link{color: #333; text-decoration: none;}
#lateral .folleto A:hover{color: #333; text-decoration: underline;}
#lateral .folleto A:visited{color: #333; text-decoration: none;}

.folleto IMG
{
	padding: 5px;
}
.folleto-link { }
.txt-bienvenida { text-align:left; font-size: 12px;}
.txt-portada {}

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


#principal
{
	margin-left: 300px;
	background-color: #FFFFFF;
	padding: 4 4 4 4px;
	
}
#principal .texto
{
	color: #222;
	text-align: justify;
	font-size: 13px;
	line-height:150%;
}
#principal .texto IMG
{
	padding: 5px 10px;
}
.saqheader
{
	background: url(images/top_saq_2013.jpg) no-repeat;
	width: 960px;
	height: 230px;
}
.saqmenu
{
/*border:1px solid green;*/
	width: 960px;
	

	
}
.saqlinks
{
	background: url(images/fnd_links.jpg) repeat-x;
	width: 960px;
	height: 50px;

	
}
.saqfecha
{
	padding-right: 15px;
	width: 960px;
	text-align: left;
	 font-size: 10px;  font-weight: bold; color: #848484;
}
.saqusuario {text-align: right; font-size: 10px;  font-weight: bold; color: #848484; float:right; width: 960px; margin-bottom:10px;}



/* .bd {background: #CCC; } */


.yuimenuitem {background-color:#649F0C; border-top:1px solid #014E25; }
.yuimenuitemlabel {	font-size: 13px; color: #fff;}
.yui-skin-sam .yuimenubaritemlabel-selected {border-color:#000; color: #fff;} 



.btn-inicio
{
	background: url(images/ico_home.png) no-repeat;
	float: right;
	width: 48px;
	height: 48px;
	margin-right: 5px;
	margin-top: 1px;
	position:relative;
	top:-25px;
	
}

.btn-inicio-nolog
{
	background: url(images/ico_home.png) no-repeat;
	float: right;
	width: 48px;
	height: 48px;
	margin-right: 5px;
	margin-top: 1px;
	/* 
	position:relative;
	top:-25px;
	*/
}
.btn-salir
{
	background: url(images/ico_salir.png) no-repeat;
	float: right;
	width: 48px;
	height: 48px;
	margin-right: 5px;
	margin-top: 1px;
	position:relative;
	top:-25px;
	
}
.btn-retorno
{
	background: url(images/ico_retorno.png) no-repeat;
	float: right;
	width: 48px;
	height: 48px;
	margin-right: 5px;
	margin-top: 1px;
	position:relative;
	top:-25px;
	
}




/* mensajes de error, advertencias y avisos */

.notice  { color: #016FAC; font-weight:bold; }
.warning { color: #FF9900;  font-weight:bold; }.tabla-lista a { text-decoration:none; font-size: 11px; color: #345304;}
.error   { color: red;  font-weight:bold; }
.nota-ayuda {color: #016FAC; font-weight:bold;} 

div.error, div.warning, div.notice {
   font-size: 1.2em;
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal;
   padding: 15px; margin: 12px auto; clear: both; width: 60%;
}

div.nota-ayuda {
   font-size: 1.1em;
   border: 1px solid #CCC; font-weight: normal; padding: 15px; margin: 12px auto; clear: both; width: 90%; text-align: left; background-color: #EEE;
}

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: #000; padding-top: 6px; padding-bottom: 6px;
}

/* verde div.notice  { background-color: #E9FAD0; border-color: #bcea74; } */
/* azul div.notice  { background-color: #d8ecf9; border-color: #8bcffd; } */
div.notice  { background-color: #E9FAD0; border-color: #bcea74; }
div.warning { background-color: #FFFFE0; border-color: #f6d376; }
div.error   { background-color: #FFE5E5; border-color: #D7466F; }

.yui-panel div.error,
.yui-panel div.warning,
.yui-panel div.notice {
    margin: 5px auto;
    padding: 3px;
    width: 80%;
}



div.error ul, div.warning ul, div.notice ul {
    list-style-type: disc;
    margin-left: 25px;
}

div.error ol, div.warning ol, div.notice ol {
    list-style-type: decimal;
    margin-left: 25px;
}

div.error li, div.warning li, div.notice li {
    margin-bottom: 0.7em;
    margin-left: 10px;
}



/** banner jquery */

#example_1_container
{
	width: 960px;
	height: 237px;
	
}
#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;
	*/
}

/************* CARABINEROS *****************/

/** banner jquery */

#example_1_container
{
	width: 960px;
	height: 237px;
	
}
#example_1_container .easy_slides_caption
{
	display: none;
}

.easy_slides_container_car
{
	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;
	*/
}

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

.nuevo
{
	background: url(images/iconos.png) no-repeat;
	padding: 3px 3px 3px 20px;
}
.editar
{
	padding: 3px 3px 3px 20px;
	background: url(images/iconos.png) no-repeat 0px -27px;
}



/***************** CSS PREGUNTAS FRECUENTES  *******************/

.Slide
{
	/*[disabled]border-bottom:1px dotted #AAA;*/
	margin: 15px 20px 20px 0px;
	text-align: left;
}
.Slide .Pregunta
{
	background: #648055;
	padding: 7px;
	margin: 0px 0 -1px;
	font-weight: bold;
	color: #FFFFFF;
}
.Slide .SL
{
	color: #020202;
	cursor: pointer;
	padding: 10px;
	display: block;
	border-top: 1px dotted #AAA;
	margin: 0 20px 0 10px;
}
.Slide .SL-Off
{
	color: #777;
}
.Slide .SL-On
{
	color: #222;
	background: #EEE;
}
.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: 0.7em 0.6em;
	font-size: 0.95em;
	line-height: 130%;
	/*[disabled]border-right:1px solid #CCC;*/
	/*[disabled]border-bottom:1px solid #CCC;*/
}
.Slide .SL-Cont TH
{
	background-color: #E2E2E2;
	text-align: center;
	color: #333;
}
.Slide .SL-Cont UL
{
	margin: 0.5em 0 1em;
}
.Slide .SL-Cont UL LI
{
	margin: 0 0 0.2em;
	padding-left: 3em;
	color: #333;
}
/*------------- Clear Fix*/
.cf:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf
{
	display: inline-block;
}
* HTML .cf
{
	height: 1%;
}
.cf
{
	display: block;
}
/********************************************************/
.lista-pdf
{
	list-style-image: url(images/mini-pdf.png);
	font-size: small;
}

.lista_documentos
{
	text-align: left;
	
}


/** Pie de p�gina (textos) */
#footer {
	
	width: 100%;
	height: 144px;
	clear:both;
	padding:10px 0;
	text-align: center;
	font-size: 11px;
	background-color:#FFF;
}
#footer-inner { margin:auto; width:950px; text-align:left; }
#footer a { color:#333; text-decoration: none; } #CCCCCC
#footer a:hover { text-decoration: underline; }
#footer strong { color:#f00; font-size:12px; font-weight:normal; }


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


.clear {clear:both;}












/************** ESTILOS CREADOS POR APU PARA MEJORAR ESTILO DEL SITIO ********************/



/* Tablas de uso para las listas */

.tabla-lista caption,
.tabla-lista th {
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	/*background-color: #345304;*/
	background-color: #5c9900;
	font-weight: bold;
	padding: 2px 3px;
	vertical-align:top;
	border-right:1px #99CC99 dotted;
	border-bottom: 1px dotted #99CC99;
}

.tabla-lista td {
   text-align: left;
   padding:	5px 3px;
   color: black;
   border-right:1px dotted #99CC99;
   border-bottom: 1px dotted #99CC99;
}

.tabla-lista td.derecha{
   text-align: right;
}	

.tabla-lista tr.par {
   background-color: white;
}
.tabla-lista tr.impar {
   background-color: #EDF8DF;
   /*background-color: white;*/
}

.tabla-lista tr.red {
   background-color: #FFCCBB;
}

.tabla-lista { width:100%; background-color: white; border: 1px solid #5c9900; border-collapse: collapse;
    margin:10px auto;
   
}
.tabla-lista fieldset {
   border: 1px solid 99CC99;
}


.tabla-lista a { text-decoration:none; font-size: 11px; color: #345304;}
/*.tabla-lista a:hover { color: #345304; background-color: #F7F7F0; font-weight: bold }*/
.tabla-lista a img { text-decoration:none; }
.tabla-lista a:hover img { text-decoration:none; }



#menu_ul {
	/*border: 1px solid #5c9900;*/ 
	/*border-collapse: collapse;*/
    margin:10px auto;
    padding-left:20px;
    padding-top:5px;   
    height:690px;
    width:610px;
    text-align:left;    
}

#menu_ul ul{
/*    list-style:none; /* Eliminamos los bullets */
    margin:0px; /* Quitamos los margenes */
    padding:0px; /* Quitamos el padding */
}
#menu_ul ul li {
    /*float:left;*/
    padding-left:10px;
    padding-right:10px;
    border-right:1px solid #FFFFFF;
}
#menu_ul ul li a{
    text-decoration:none;
    color:#345304;
    font-weight:bold;
}
#menu_ul ul li a:hover{
    color:#345304;
}





/* Tablas con formularios de edicion */

.tablaBorder {
 	/*width:100%;*/ 
 	background-color: white; 
 	border: 1px solid #5c9900; 
 	border-collapse: collapse;
    margin:10px auto;
}

.tablaBorder td {
   text-align: left;
   padding:	0px 3px;
   font-size: 11px;
   vertical-align: top;
   border: 1px dashed #99CC99;
       
}













/* Tablas con formularios de edicion */

.tablaEdicionFormulario {
 	/*width:100%;*/ 
 	background-color: white; 
 	border: 1px solid #5c9900; 
 	border-collapse: collapse;
    margin:10px auto;    
       
}

.tablaEdicionFormulario td.thead,
.tablaEdicionFormulario th.thead,
.tablaEdicionFormulario thead {
    background-image: none;
    background-color: #FFF;    
    color: green;
    font-weight: bold;
    text-align: center;
}

.tablaEdicionFormulario thead td{
}
.tablaEdicionFormulario thead th {
	background-image: none;
	color: white;
	background-color: #5C9900;
	font-weight: bold;
    padding: 2px 9px;
    font-weight: bold;    
}


.tablaEdicionFormulario th {
	text-align: left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222;
	background-color: #FFF;
	font-weight: bold;
	padding: 2px ;
	vertical-align:top;	
	border-bottom: 1px dashed #99CC99;
}	
.tablaEdicionFormulario td {
   text-align: left;
   padding:	0px 3px;
   font-size: 11px;
   vertical-align: top;
   border-bottom: 1px dashed #99CC99;    
}

.tablaEdicionFormulario fieldset {
   margin: 1px 2px;
   padding: 2px;
   border:1px solid #345304;

}

.tablaEdicionFormulario legend {
   color: #345304;
   font-weight: bold;
   font-size: 14px;
}









.comentario { color: #6E6E6E;}
.comentario-destacado { color: #6E6E6E; font-weight: bold; font-size: 12px;}

.info_pordada li {text-align: left;}






/*------------- Slide */
.Slide{border-bottom:1px dashed #ccc; /* margin:15px 0px ;*/}
.Slide .SL{cursor:pointer; padding-left:15px; display:block; border-top:1px dashed #999; margin:0}
.Slide .SL-Off{color:#222;}
.Slide .SL-On{color:#000;}
.Slide .SL-Cont{padding-left:10px ; background-color:#F0F0F0;  border-bottom:1px solid #999; }
.Slide .SL-Cont tzble{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:130%; */border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.Slide .SL-Cont th{ background-color:#F0F0F0; text-align:center; color:#333;}
.Slide .SL-Cont ul {margin: 0.5em 0 1em; }
.Slide .SL-Cont ul li {margin: 0 0 0.2em;padding-left: 3em;color: #333; background-color:red; /* background: url(flip_rojo.gif) no-repeat;*/ }
.Slide .SL-sub .SL{color:#000; 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;}

.cf .btn-radio {margin-top:10px; }
.cf .detalle { position:relative; top:-5px}
/*******************************/

.tabla-slide
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#EDEDED;
}
.tabla-slide TD
{
	padding: 4px;
	border: 1px solid #CCC;
	border-width: 1px;
	vertical-align: top;
	text-align: center;
}
.tabla-slide TH
{
	padding: 4px;
	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;
}
/***********************************/


/************ Solucion BUG Chrome version 53.0.2785 *******************/

@media  print {
    thead { 
        display: table-row-group 
    }
}









/*--------------------------     TABLA CUESTIONARIO      -----------------------------*/
.tabla-cuestionario { border-collapse: collapse;   margin: auto;}
.tabla-cuestionario TD { padding: 6px; border-bottom: 1px dotted #CCC;     }
.tabla-cuestionario TH { padding: 4px; border: 1px dotted #DDDDDD;   border-width: 0 0 1px;   background-color: #CCC;}
.tabla-cuestionario THEAD {   background: #CCC; font-weight: bold; text-align: left;}

.tabla-cuadro { border-collapse: collapse;   margin: auto;}
.tabla-cuadro TD { padding: 6px; border: 1px solid #CCC; }
.tabla-cuadro TH { padding: 4px; border: 1px solid #DDDDDD;  background-color: #CCC;}
.tabla-cuadro THEAD {   background: #CCC; font-weight: bold; text-align: left;}

.formulario-saq-cuerpo
{
   width: 790px;
   margin: auto;
   border: 1px solid #CCC;
   padding: 5px;
   font-family: Arial;
   font-size: 10pt;
}
.clear
{
   clear: both;
}
.formulario-saq-cabecera
{
   width: 790px;
}
.formulario-saq-logos
{
   float: left;
   width: 250px;
   height: 120px;
}
.formulario-saq-titulo
{
   float: left;
   width: 533px;
   height: 120px;
   line-height: 1.6;
}
.formulario-saq-td-label
{
   font-weight: bold; border:none;
}
.formulario-saq-fondo-gris {background: #eee; padding: 3px 0;}
.formulario-saq-td-linea
{
   border-bottom: 1px solid #CCC; 
}
.tabla-cuestionario .formulario-saq-sin-borde TD {border:1px solid #FFF;; padding:0px; }
.formulario-saq-td-justificado
{
   text-align: justify;
}
.formulario-saq-td-centrado
{
   text-align: center;
}
.formulario-saq-hr-firma
{
   border-top: none;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid #222;
   margin-top: 40px;
   width: 50%;
}
.formulario-saq-hr-discontinuo
{
   border-bottom: 1px dashed #333;
}

.formulario-saq-borde
{
   border: 1px solid #333;
}
.formulario-saq-cuadro-marca
{
   border: 1px solid #ccc;
   width: 15px;
   height: 15px;
   float: left;
   margin: auto 5px;
}
.formulario-saq-texto-mini { font-size:smaller;}