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

body { 
   margin: auto;
   width: 1024px;
    background-color: #DFF1C7;
	background-image:  url(images/tile_back.jpg);
	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: #004E82;
}



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


h1, .h1 { font-size: 1.4em; background-color: none; margin: 1px 2px 0px;color: white; padding-top: 1px;padding-left: 6px;padding-bottom: 3px;background-image: url(images/back_title.jpg);background-repeat: no-repeat; }
h2, .h2 { font-size: 1.3em; background-color: none; margin: 1px 2px 0px; padding-top: 6px; }
h3, .h3 { font-size: 1.0em; background-color: none; margin: 1px 2px 0px; padding-top: 3px; }



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







/* 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_password    {width: 100px; }

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














/* 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 */
.fecha {
   text-align: center;
}

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


/* 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-80.gif);  width: 80px; }
.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; }










/* 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-100.gif); width: 100px; } 
/*
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 {
   text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
   color: white;
   background-color: #007639;
   font-weight: bold;
   padding: 5px 10px;
}
.tabla td {
   padding:	5px 3px;
   color: black;
}
.tabla tr.par {
   background-color: white;
}
.tabla tr.impar {
   background-color: #EDF8DF;
}


.tabla {
   background-color: white;
   border: 1px solid #007639;
   border-collapse: collapse;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1);
   
}












/* 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 #8CC63E;
   border-collapse: collapse;
   background-color: #8CC63E;
   border-spacing: 0;
   filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=3);   
   }
   

.destacado th {
   color:white;
   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: bold;
   }


.destacado A {
	color: #327BB2;
}



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

}














/* Tablas para formularios de busqueda */


.tablaBusqueda {
   background-color: #8CC63E;
   border-collapse: collapse;
   filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=2);
   }

.tablaBusqueda caption {
   background-color: #007639;
   background-image: url(images/back_busqueda.jpg);
   text-align: center;
   color:#475A2E;
   font-size: 1.5em;
	padding:	8px 5px;

	 }

.tablaBusqueda th {
   color: white;
   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: bold;
}


.tablaBusqueda A {
	color: #327BB2;
}


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

   

















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

.tablaLista th {
   color: white;
   font-size: 1.0em;
   font-weight: bold;
   border: 1px solid #004E82;
   
}
.tablaLista td {
   background-color: #CBE4FC;
   padding:	1px 5px;
   border: 1px solid #004E82;
}


.tablaLista {
   background-color: #CBE4FC;
   border-collapse: collapse;
}


.tablaLista th {
   background-color: white;
   color: black;
   font-size: 1.1em;
   font-weight: bold;
   border: 1px solid #c8c8c8;
   
}
.tablaLista td {
   background-color: white;
   padding:	1px 5px;
   border: 1px solid #c8c8c8;
}


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



















/*    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: #8CC63E;
   color: white;
	padding:	2px 10px;
}

.tablaFichaResumen td {
background-color:#E9F6D7; 
	padding:	2px 10px;
}

.tablaFichaResumen A {
	color: #327BB2;
}










.tablaMantenedor {
   border-collapse: collapse;
   border: 1px solid #007639;
   padding: 4px;
   margin: 3px;
   vertical-align: top;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=145,strength=1);
}
.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: #007639 !important; 
   color: white;
   font-size: 1.3em;
   font-weight: bold;
}


.encTabla2 {
   background-color: #7CB135 !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;
}





































/* 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 */
input.autofechaminutos {
   width: 12rem;
}

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: 1em;
}
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;
   text-align: -webkit-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=20120301) 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: 100px; 
   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: center;
   padding-right: 15px;
   font-size: 12px;
   font-weight: bold;
   color: white;
   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
{

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


}




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

.caja-login { text-align: center;  border: 1px solid #CCCCCC; width: 50%; margin: auto; }
.caja-login-interior form input[type="text"], form input[type="password"]  {
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;
      padding: 15px 10px;
    /* resize: none; */
    width: 150px; 
}

.caja-login-interior div {padding: 10px;}

.ico-login  {padding: 10px;  height: 24px;}