h3
{
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
     color:#606060;    
}

h3
{
    font-family:Arial;
    font-size:small;
    font-weight:bold;
     color:#606060;    
}

body 
{
    color: black;
    background-color: #C0E0FF;
    font-family:Arial;
    font-size:   8pt;
}

body.Red
{
    color: black;
  background-color: #FFE0E0;
  font-family:Arial;
  font-size:   8pt;
}

body.Green
{
    color: black;
  background-color: #E0FFE0;
  font-family:Arial;
  font-size:   8pt;
}

div
{
    color: black;
    background-color: #C0E0FF;
    font-family:Arial;
    font-size:   8pt;
}

div.Red
{
    color: black;
  background-color: #FFE0E0;
  font-family:Arial;
  font-size:   8pt;
}

div.Green
{
    color: black;
  background-color: #E0FFE0;
  font-family:Arial;
  font-size:   8pt;
}

.examinar 
{
    font-family:Arial;
    font-size:   8pt;
    font-weight:bold;
    margin: 0px 0px 0px 5px;
     /*padding:10px 10px 10px 10px;
     border:10px 10px 10px 10px;*/
}

.button
{
    font-family:Arial;
    font-size:   8pt;
    font-weight:bold;
    width:100px;
    margin: 0px 0px 0px 5px;
     /*padding:10px 10px 10px 10px;
     border:10px 10px 10px 10px;*/
}

.button-long
{
    font-family:Arial;
    font-size:   8pt;
    font-weight:bold;
    width:150px;
    margin: 0px 0px 0px  3px;
     /*padding:10px 10px 10px 10px;
     border:10px 10px 10px 10px;*/
}

.button-transicion
{
    font-family:Arial;
    font-size:   8pt;
    font-weight:bold;
    width:300px;
    margin: 0px 0px 0px 5px;
     /*padding:10px 10px 10px 10px;
     border:10px 10px 10px 10px;*/
}

.title
{
    color:#808080;
    font-family:Arial;
    font-size: large;
    font-weight:bold;
     border-bottom: solid 1px #808080;
        /*padding: 0;
    margin: 0;*/
}


.text-error
{
    color:#FFA0A0;
    font-size:   8pt;
    font-size:small;
        /*padding: 0;
    margin: 0;*/
}

.text-message
{
    color:Black;
    font-family:Arial;
    font-size:   8pt;
        /*padding: 0;
    margin: 0;*/
}

.input
{
    width: 100%;
    font-family: Arial;
    font-size:   8pt;
    text-decoration: none;
}

.select
{
    width: 100%;
    font-family: Arial;
    font-size:   8pt;
    text-decoration: none;
}

/*
.option
{
    
    font-family: Arial;
    font-size:   8pt;
    text-decoration: none;
}
*/

.option.optionitem
{
    font-family: Arial;
    font-size:   8pt;
    text-decoration: none;
}

.input-area{
	width: 200px;
	height: 100px;
	/*border:1px solid #88A0C8; */
	font-family:  Arial, verdana, arial,sans-serif; 
	font-size:   8pt;
	text-decoration: none; 
	}

/*estilo de toda la grilla*/
.grid-view
{
    /*border-color:#808080;*/
     border: solid 1px #000000;      
}

/*estilo para las celdas del encabezado*/
.grid-view-header td
{
    font-family:Arial;
    font-size:   8pt;
 background-color: #666699 ;
 border: solid 1px #000000;
  font-weight:bold;
  color:#FFFFFF;
  padding: 5px 5px 5px 5px;
}

.grid-view-subheader td
{
    font-family:Arial;
    font-size:   8pt;
 background-color: #8080FF ;
 border: solid 1px #000000;
  font-weight:bold;
  color:#000000;
  padding: 5px 5px 5px 5px;
}

/*estilo para las celdas de los items (renglones)*/
.grid-view-item td
{
    background-color:#e0e0e0;
     color:Black;
    font-family:Arial;
    font-size:   8pt;
     border: solid 1px #000000;
     padding: 2px 4px 2px 4px;
}

/*estilo para las celdas de los items (renglones) resaltados*/
.grid-view-item-resaltado td
{
    background-color:#b0b0b0;
     color:Black;
    font-family:Arial;
    font-size:   8pt;
     border: solid 1px #000000;
     padding: 2px 4px 2px 4px;
}

/*Estos tres son para las grillas que ordenan los forms*/

table.grid-form
{
    /*border-color:#808080;*/
     /*border: solid 1px #000000;*/
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;     
     border-collapse: collapse;   
     border-style:none        
}

td.grid-form-header /*establecer para cada celda según se desee (el header no está siempre en el mismo lugar*/
{
    font-family:Arial;
    font-size:   8pt;
 background-color: #666699 ;
 border: solid 0px #000000;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px 5px 5px 5px;
}

td.grid-form-item
{
    background-color:#F0F0F0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}


table-no-border
{
    /*border-color:#808080;*/
     border: solid 0px #000000;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;     
     border-collapse: collapse;   
     border-style:none;
}

td.no-border
{
    background-color:#F0F0F0;
    color:Black;
    font-family:Arial;
	font-size:   8pt;
    border: solid 0px #000000;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
}

.no-border td
{
    background-color:#F0F0F0;
    color:Black;
    font-family:Arial;
	font-size:   8pt;
    border: solid 0px #000000;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
}


table.consulta
{
    /*border-color:#808080;*/
     border: solid 1px #000000;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;     
     border-collapse: collapse;   
     border-style:none   
}

td.consulta-header /*establecer para cada celda según se desee (el header no está siempre en el mismo lugar*/
{
    font-family:Arial;
    font-size:   8pt;
 background-color: #666699 ;
 border: solid 1px #000000;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px 5px 5px 5px;
}

td.consulta-header-contrast /*establecer para cada celda según se desee (el header no está siempre en el mismo lugar*/
{
    font-family:Arial;
    font-size:   8pt;
 background-color: #b98686 ;
 border: solid 1px #000000;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px 5px 5px 5px;
}

td.consulta-subheader /*establecer para cada celda según se desee (el header no está siempre en el mismo lugar*/
{
    font-family:Arial;
    font-size:   8pt;
 background-color: #a0a0c0 ;
 border: solid 1px #000000;
  font-weight:bold;
  color:#000000;
  padding:5px 5px 5px 5px;
}

td.consulta-item
{
    background-color:#F0F0F0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 2px 2px 2px 2px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-fuente-reducida
{
    background-color:#F0F0F0;
     color:Black;
    font-family:Arial;
	font-size:   7pt;
     border: solid 1px #000000;
     padding: 2px  2px 2px 2px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-verde
{
    background-color:#C0FFC0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-amarillo
{
    background-color:#FFFFC0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}


td.consulta-item-resaltado
{
    background-color:#ffd080;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-amarillo-claro
{
    background-color:#FFFFB0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-rojo-claro
{
    background-color:#FFB0B0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-verde-claro
{
    background-color:#C0FFC0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-sombreado
{
    background-color:#d0d0d0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-gris1
{
    background-color:#d0d0d0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-gris2
{
    background-color:#b0b0b0;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-gris3
{
    background-color:#909090;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

td.consulta-item-gris4
{
    background-color:#707070;
     color:Black;
    font-family:Arial;
	font-size:   8pt;
     border: solid 1px #000000;
     padding: 3px 5px 3px 5px;
     margin: 0px 0px 0px 0px;
}

  a.header {
  	color: #F0F0F0;
  	text-decoration: none;
	border-bottom: 1px solid #F0F0F0;
	}
	
a.header:visited {color:  #A0A0A0;
           border-bottom: 1px solid #A0A0A0;}
	
 /*a:hover { color: #85ab02; border-bottom-color: #85ab02; }*/
 
 
a.master {
  	color: #0000A0;
  	text-decoration: none;
	border-bottom: 1px solid #0000A0;
	font-family: Arial; 
	font-size: 8pt; 
	font-weight: bold
	}
	
a.master:visited {color:  #808080;
	font-family: Arial; 
	font-size: 8pt; 
	font-weight: bold
           border-bottom: 1px solid #808080;}