/* ================================
    SABE CSS STYLES  Ver. 2.0
	VERDE
   ================================ */   

/******************************/
/* Menu                       */
/******************************/
.MenuSABE
{
    z-index: 100;
}

/*********************/
/* Fondos de Pagina  */
/*********************/
.FondoPagina
{
	background-image: url(Verde/Pagina/FondoPagina.gif);
    height: 100%;
    border-left: 3px;
    border-top: 3px;
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-color: transparent;
    background-position: 100%;
  /*  background-color: #19CD0B;*/
}

/***********************/
/* Controles flotantes */
/***********************/
.panEditaHorario
{
    margin: 15px;
    z-index: 100;
    position: absolute;
    left: 20px;
    top: 100px;
}

/**********************/
/* Botones con Imagen */
/**********************/
.BotonAceptar
{
    background-image: url(Verde/botones/btnAceptar.gif);
    height: 25px;
    width:  100px;
}

.BotonActualiza
{
    background-image: url(Verde/botones/btnActualiza.gif);
    height: 25px;
    width:  100px;
}

.BotonAgregar
{
    background-image: url(Verde/botones/btnAgregar.gif);
    height: 25px;
    width:  100px;
}

.BotonAplicar
{
    background-image: url(Verde/botones/btnAplica.gif);
    height: 25px;
    width:  100px;
}

.BotonAsigna
{
    background-image: url(Verde/botones/btnAsigna.gif);
    height: 25px;
    width:  100px;
}

.BotonBusca
{
    background-image: url(Verde/botones/btnBuscar.gif);
    height: 25px;
    width:  100px;
}

.BotonBuscaAvanzada
{
    background-image: url(Verde/botones/btnBuscarAv.gif);
    height: 25px;
    width:  100px;
}

.BotonCalcula
{
    background-image: url(Verde/botones/btnCalcula.gif);
    height: 25px;
    width:  100px;
}

.BotonCalifica
{
    background-image: url(Verde/botones/btnCalifica.gif);
    height: 25px;
    width:  100px;
}

.BotonCancelar
{
    background-image: url(Verde/botones/btnCancelar.gif);
    height: 25px;
    width:  100px;
}

.BotonClave
{
    background-image: url(Verde/botones/btnClave.gif);
    height: 25px;
    width:  100px;
}

.BotonCopiar
{
    background-image: url(Verde/botones/btnCopiar.gif);
    height: 25px;
    width:  100px;
}

.BotonDesAsigna
{
    background-image: url(Verde/botones/btnDesasigna.gif);
    height: 25px;
    width:  100px;
}

.BotonDevolver
{
    background-image: url(Verde/botones/btnDevolver.gif);
    height: 25px;
    width:  100px;
}

.BotonEdoCta
{
    background-image: url(Verde/botones/btnEdoCta.gif);
    height: 25px;
    width:  200px;
}

.BotonEliminar
{
    background-image: url(Verde/botones/btnEliminar.gif);
    height: 25px;
    width:  100px;
}

.BotonEntrar
{
    background-image: url(Verde/botones/btnEntrar.gif);
    height: 25px;
    width:  100px;
}

.BotonEq1
{
    background-image: url(Verde/botones/btnEq1.gif);
    height: 20px;
    width:  50px;
}

.BotonEq2
{
    background-image: url(Verde/botones/btnEq2.gif);
    height: 20px;
    width:  50px;
}

.BotonEq3
{
    background-image: url(Verde/botones/btnEq3.gif);
    height: 20px;
    width:  50px;
}

.BotonGuardar
{
    background-image: url(Verde/botones/btnGuardar.gif);
    height: 25px;
    width:  100px;
}

.BotonImprimir
{
    background-image: url(Verde/botones/btnImprimir.gif);
    height: 25px;
    width:  100px;
}

.BotonLibera
{
    background-image: url(Verde/botones/btnImprimir.gif);
    height: 25px;
    width:  100px;
}

.BotonLimpiar
{
    background-image: url(Verde/botones/btnLimpiar.gif);
    height: 25px;
    width:  100px;
}

.BotonPagos
{
    background-image: url(Verde/botones/btnPagos.gif);
    height: 25px;
    width:  100px;
}

.BotonPrestar
{
    background-image: url(Verde/botones/btnPrestar.gif);
    height: 25px;
    width:  100px;
}

.BotonRe1
{
    background-image: url(Verde/botones/btnRe1.gif);
    height: 20px;
    width:  50px;
}

.BotonRe2
{
    background-image: url(Verde/botones/btnRe2.gif);
    height: 20px;
    width:  50px;
}

.BotonRe3
{
    background-image: url(Verde/botones/btnRe3.gif);
    height: 20px;
    width:  50px;
}

.BotonRecibo
{
    background-image: url(Verde/botones/btnRecibo.gif);
    height: 25px;
    width:  100px;
}

.BotonMas
{
	background-image: url(Verde/Pagina/Mas.gif);
	background-position:center;
	width:  16px;
	height: 16px;
}

.BotonMenos
{
	background-image: url(Verde/Pagina/Menos.gif);
	background-position:center;
	width:  16px;
	height: 16px;
}

.BotonPager
{
    color: #ffffff;
    font-size: 11px;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    background-color: #00FF00;
    text-align: center;
    cursor: hand;
    margin: 0;
    width: 25px;
    height: 20px;
    border: 0;
}

.PagerInicio
{
	background-image: url(Verde/Paginar/pagInicio.gif);
	background-position:center;
	background-repeat: no-repeat;
	width:  18px;
	height: 18px;
}

.PagerAnterior
{
	background-image: url(Verde/Paginar/pagAnterior.gif);
	background-position:center;
	background-repeat: no-repeat;
	width:  18px;
	height: 18px;
}

.PagerSiguiente
{
	background-image: url(Verde/Paginar/pagSiguiente.gif);
	background-position:center;
	background-repeat: no-repeat;
	width:  18px;
	height: 18px;
}

.PagerFin
{
	background-image: url(Verde/Paginar/pagFin.gif);
	background-position:center;
	background-repeat: no-repeat;
	width:  18px;
	height: 18px;
}

.GridAceptar
{
    background-image: url(Verde/Editar/acepta.gif);
    height: 16px;
    width:  16px;
}

.GridBorrar
{
    background-image: url(Verde/Editar/borra.gif);
    height: 16px;
    width:  16px;
}

.GridCancelar
{
    background-image: url(Verde/Editar/cancela.gif);
    height: 16px;
    width:  16px;
}

.GridEditar
{
    background-image: url(Verde/Editar/edita.gif);
    height: 16px;
    width:  16px;
}

.GridImprime
{
    background-image: url(Verde/Pagina/imprime.gif);
    height: 16px;
    width:  16px;
}

.GridSeleccionar
{
    background-image: url(Verde/Editar/selecciona.gif);
    height: 16px;
    width:  16px;
}

.ValidadorRequerido
{
    background-image: url(Verde/Pagina/Requerido.gif);
    height: 10px;
    width:  10px;
}

.Validador
{
    background-image: url(Verde/Pagina/Alerta.gif);
    height: 10px;
    width:  10px;
}

.BotonDirArriba
{
	background-image: url(Verde/Pagina/Arriba.gif);
	background-position:center;
	width:  21px;
	height: 21px;
}

.BotonDirAbajo
{
	background-image: url(Verde/Pagina/Abajo.gif);
	background-position:center;
	width:  21px;
	height: 21px;
}

.BotonDirDerecha
{
	background-image: url(Verde/Pagina/Derecha.gif);
	background-position:center;
	width:  21px;
	height: 21px;
}

.BotonDirIzquierda
{
	background-image: url(Verde/Pagina/Izquierda.gif);
	background-position:center;
	width:  21px;
	height: 21px;
}

/************************/
/* Encabezados de Texto */
/************************/
.AlineadoDerecha
{
	text-align : right;
}

.AlineadoIzquierda
{
	text-align : left;
}

.TituloSitio
{
	font-weight: bold;
	font-size: large;
	color: #006400;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
}

.SubTituloSitio
{
	font-weight: normal;
	font-size: medium;
	color: #006400;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
}

.TituloPagina
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-indent: 5px;
	color: white;
	background-color: #007434;
	width: 95%;
}

.SubTitulo
{
	font-weight: bold;
	font-size: 16px;
	width: 95%;
	color: #006600;
	border-bottom: gray thin solid;
	font-family: Verdana, Helvetica, sans-serif;
}

.Mapa
{
	border-right: lightgrey thin solid;
	font-weight: normal;
	font-size: 11px;
	color: #dcdcdc;
	text-indent: 5px;
	border-bottom: lightgrey thin solid;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #A9A9A9;
	font-variant: small-caps;
}

/************************/
/* Etiquetas y textos   */
/************************/
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

.NormalBig
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.RedAlert
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: red
}

.NormalBlueBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: blue
}

.NormalBlue
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: blue
}

.NormalBlueBig
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: blue
}

.NormalGreen
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: green
}

.BoldGreen
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: green
}

.NormalGreenBig
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: green
}

.NormalRedBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalChico
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: lighter;
    line-height: 9px    
}

.link
{
	color: #00008B;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

.SMALL
{
	font-size:  8px;
}


/************************/
/* Listas               */
/************************/
.ListaEncabezado
{
	
	background-color: #99ff00;
}

.Lista
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    /*background-color: #CCFFCC;*/
    background-color: #FFFFFF;
}


/************************/
/* Tablas y Paginacion  */
/************************/
.TablaGeneral
{
	width: auto;
	background-color: #A2C9AB;
	border-color: Gray;
	border-style: none; 
	border-width: thin;
	border-right: gray thin solid;
	border-top: gray thin solid;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
}

.TablaHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #32CD32;
}

.TablaFooter
{	
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
	color: #DCDCDC;
	background-color: #696969;
    line-height: 11px;
}

.TablaItem
{	
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
	color: black;
	background-color: #F0FFFF;
    line-height: 11px;
}

.TablaItemAlterno
{	
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
	color: black;
	background-color: #DCDCDC;
    line-height: 11px;
}

.TablaItemSelected
{	
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: bold;
	color: black;
	background-color: Aqua;	
    line-height: 11px;
}

.TablaItemDisabled
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999999;
    line-height: 11px;
}

.TablaItemEdit
{
	font-weight: bold;
	font-size: 10px;
	color: black;
	line-height: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #1E90FF;
}

.TablaLink
{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFF00;
	background-color: #007434;
}

.TablaLink:hover
{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #007434;
}

.TablaSecundaria
{	
	width: auto;
	background-color:white; 
	border-color: Gray;
	border-style: none; 
	border-width: thin;
	border-right: gray thin solid;
	border-top: gray thin solid;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
}

.TablaSecundariaHeader
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	line-height: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #40E0D0;
}

.TablaSecundariaFooter
{	
	color: #DCDCDC;
	background-color: #696969;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
    line-height: 10px;
}

.TablaSecundariaItem
{	
	color: black;
	background-color: #F0FFFF;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
    line-height: 10px;
}

.TablaSecundariaItemAlterno
{	
	color: black;
	background-color: #DCDCDC;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
    line-height: 10px;
}

.TablaSecundariaItemSelected
{	
	color: black;
	background-color: Aqua;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: bold;
    line-height: 10px;
}

.TablaSecundariaItemEdit
{	
	color: black;
	background-color: Blue;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
    line-height: 10px;
}

.TablaPager
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
	color: blue;
	border-right: thin ridge;
	border-top: thin ridge;
	border-left: thin ridge;
	border-bottom: thin ridge;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 400px;
	background-color: #90EE90;
}


/************************/
/* Calendarios          */
/************************/
.CalendarioGeneral
{
	font-weight: normal;
	font-size: 9px;
	color: green;
	line-height: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #f6fff8;
	text-align: left;
	vertical-align: top;
}

.CalendarioTitulo
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 12px;
	color: #ADFF2F;
	background-color: green;
	height: 20px;
}

.CalendarioSigAnterior
{
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #90EE90;
}

.CalendarioDiaSemana
{
    font-weight: bold;
    background-color: #90EE90;
    height: 18px;
}

.CalendarioHoy
{
	font-size: 11px;
	font-weight: bold;
}


/************************/
/* Links                */
/************************/
A:link  {
    text-decoration:    none;
    color:  #00008B;
}

A:visited   {
    text-decoration:    none;
    color:  #00008B;
}

A:active    {
    text-decoration:    none;
    color:  #00008B;
}

A:hover {
    text-decoration:    underline;
    color:  blue;
}