/* Cascade Style Sheets / Hojas de Estilo en Cascada */
/* MAC Style */

BODY
{
   background        : #F4F5F5;  /* color de fondo */
   color             : #333333;  /* color general del texto */
   font-family       : Verdana,Arial,Helvetica;
   font-size         : small;
   margin            : 0px 0px 0px 3px;
   padding           : 0px;
}

PRE, CODE
{
   font-size        : small;
}

TABLE
{
   border-width     : 0px;
   border-spacing   : 0px;
   border-collapse  : collapse;
}

TABLE.fullWidth
{
   width            : 100%;
}

TABLE.fW
{
   width            : 98%;
}

TD
{
   padding          : 0px 0px 0px 0px;
}

TD.fullWidth
{
   width            : 100%;
}

IMG
{
   border-width     : 0px;
   display          : inline; 
}

FORM
{
   margin           : 0px 0px 0px 0px;
}

INPUT, SELECT, TEXTAREA
{
   color            : black; /* font-color */
   font-family      : Verdana,Arial,Helvetica;
   font-size        : 11px;
   border-width     : 1px;
   border-style     : solid;
   border-color     : #8B8D90;  /* color del borde de los objetos */
   display: inline;
}

INPUT.hidden {
    display: none;
  }

INPUT.radio {
    border-width: 0px;
  }
  
INPUT.checkbox {
    border-width: 0px;
 }   

INPUT.fullWidth, TEXTAREA.fullWidth, SELECT.fullWidth
{
   /* for some reason, 100% will truncate right edge */
   width            : 95%;
}

/* Column styles */

/* alguna información importante */
.fondocolumnHilite
{
   background-color : #EBEBEC;
}

TD.columnXYZ
{
   background-color : #EBEBEC;
}

.columnXYZ
{
   FONT-SIZE: 10px;
   COLOR: #333333;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.column
{
   background-color : white;
   padding-top      : 2px;
   padding-bottom   : 2px;
}

TR.column
{
   background-color : white;
   padding-top      : 2px;
   padding-bottom   : 2px;
}

/* texto dentro de las columnas*/
.column 
{
   FONT-SIZE: 11px;
   COLOR: black;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.columnFuerte
{
   background-color : #E4E5E6;
   padding-top   : 3px;
   padding-bottom   : 3px;   
}

.columnFuerte
{
   FONT-SIZE: 11px;
   COLOR: black;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.columnSmall
{
   background-color : white;
   padding-top   : 1px;
   padding-bottom   : 1px; 
}

.columnSmall
{
   FONT-SIZE: 10px;
   COLOR: black;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.columnNormal
{
   padding-top      : 2px;
   padding-bottom   : 2px;   
}

TD.cuadricula
{
   padding-top     : 1px;
   padding-bottom  : 1px;   
   border-bottom : 1px solid #F0F0F0;    
   border-left : 1px solid #F0F0F0;    
   border-right : 1px solid #F0F0F0;    
}

TR.columnNormal
{
   padding-top      : 2px;
   padding-bottom   : 2px;   
}

.columnNormal
{
   FONT-SIZE: 11px;
   COLOR: #404041;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.columnNormalSmall
{
   padding-top      : 2px;
   padding-bottom   : 2px;
}

.columnNormalSmall
{
   FONT-SIZE: 10px;
   COLOR: #115E94;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.columnTitle
{
   background-color : #E4E5E6;
   font-family: Verdana,Arial,Helvetica;
   color: gray;
   padding-top   : 3px;
   padding-bottom   : 3px;
   padding-left: 4px;  /* dejar una espacio a la izquierda */
   border-bottom : 1px solid silver; 	
}

.columnTitle
{
   FONT-SIZE: 11px;
   COLOR: #333333;
   FONT-FAMILY: Verdana,Arial,Helvetica;
   FONT-WEIGHT: bolder;
}

TD.columnTitleSmall
{
   background-color : #E4E5E6;
   FONT-FAMILY: Verdana,Arial,Helvetica;
   color: white;
   padding-top   : 2px;
   padding-bottom   : 2px;
}

.columnTitleSmall
{
   FONT-SIZE: 10px;
   COLOR: #115E94;
   FONT-FAMILY: Verdana,Arial,Helvetica;
   FONT-WEIGHT: bolder;
}

TD.columnError
{
   background-color : #F78F3A;
   padding-top      : 2px;
   padding-bottom   : 2px;
}

TR.columnError
{
   background-color : #F78F3A;
   padding-top      : 2px;
   padding-bottom   : 2px;
}

.columnError
{
   FONT-SIZE: 11px;
   COLOR: #115E94;
   FONT-FAMILY: Verdana,Arial,Helvetica;
   FONT-WEIGHT: bolder;
}

TD.columnErrorSmall
{
   background-color : pink;
   padding-top      : 3px;
   padding-bottom   : 2px;
}

.columnErrorSmall
{
   FONT-SIZE: 10px;
   COLOR: #115E94;
   FONT-FAMILY: Verdana,Arial,Helvetica;
   FONT-WEIGHT: bolder;
}

TD.columnSpecial
{
   background-color : #BBD1E8;
   padding-top      : 2px;
   padding-bottom   : 2px;
}

.columnSpecial
{
   FONT-SIZE: 11px;
   COLOR: gray;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

/* printer friendly */
TD.columnNormalPF
{
   padding-top   : 2px;
   padding-bottom   : 2px;   
}

.columnNormalPF
{
   FONT-SIZE: 11px;
   COLOR: black;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

TD.columnSeparator1
{
   background-color : #BFC0C2;
}

TD.columnSeparator2
{
   background-color : white;
}

/* Image styles */
IMG.markerArrow
{
   padding          : 5px 5px 5px 5px;
   display          : inline;
   width            : 27px;
   height           : 11px;
}

IMG.markerWide
{
   padding          : 0px 0px 0px 1px;
   width            : 11px;
   height           : 11px;
   display          : inline;
}

IMG.markerWideBottom
{
   padding          : 0px 0px 0px 1px;
   width            : 9px;
   height           : 10px;
   display          : inline;
}

IMG.markerCircle
{
   padding          : 0px 0px 0px 1px;
   width            : 6px;
   height           : 6px;
   display          : inline;
}

IMG.marker
{
   padding          : 0px 2px 2px 4px;
   display          : inline;
   width            : 3px;
   height           : 5px;
}

IMG.inline
{
   display          : inline;
   padding          : 0px 0px 0px 0px;
   margin           : 0px 0px 0px 0px;
}

IMG.sortArrow
{
   display          : inline;
}

/* General styles */

TD.errorMessage
{
   color            : #FF0000;
   font-weight      : bold;
   padding          : 0px 5px 0px 5px;
}

TD.item
{
   background-color : #E5EEF3;
   vertical-align   : top;
   font-size        : small;
}


.sectionHeader,.pageHeader
{
   color            : #FF9500;
   font-family      : Arial;
   font-size        : 12pt;
   font-weight      : bold;
   margin-bottom    : 4px;
}

.pageHeader A:link, .pageHeader A:visited,
.pageHeader A:active, .pageHeader A:hover,
.sectionHeader A:link, .sectionHeader A:visited,
.sectionHeader A:active, .sectionHeader A:hover
{
   color            : #FF9500;
}


TD.sectionTitle
{
   font-size        : 10pt;
   font-weight      : bold;
}

.description
{
   padding          : 0px 5px 0px 5px;
}

TD.name
{
   font-weight      : bold;
   text-align       : right;
   white-space      : nowrap;
}

TD.value
{
   padding-left     : 5px;
}

TD.itemEven
{
   padding          : 2px 2px 2px 2px;
   background-color : #E5EEF3;
}

TD.itemOdd
{
   padding          : 2px 2px 2px 2px;
}

TD.itemAdd
{
   padding          : 2px 2px 2px 2px;
   background-color : #CEDEE8;
   white-space      : nowrap;
}

A.currentTA {color: #FF9500;}

/* muestra avisos */
.textoENPRINCIPAL
{
   FONT-SIZE: 11px;
   COLOR: black;
   FONT-FAMILY: Verdana,Arial,Helvetica;
}

/* ligas en principal */

.LigasPrincipal {font-Family: Verdana,Arial,Helvetica; font-size: 11px; color: blue; text-decoration: underline;}
.LigasPrincipal:hover {color: brown; background-color: yellow; }

.LigasColumnas {font-Family: Verdana,Arial,Helvetica; color: blue; font-size: 11px; font-weight:bold; text-decoration: none;}
.LigasColumnas:hover {color: brown; background-color: yellow; text-decoration: underline; }

.AvisosPrincipal {font-weight:bolder; font-Family: Verdana,Arial,Helvetica; font-size: 12px; color: black; text-decoration: underline;}
.AvisosPrincipal:hover {color: brown; background-color: yellow; font-weight:bolder; }

.LigasPreguntas {font-Family: Verdana,Tahoma, Arial,Helvetica; color: navy; text-decoration: none; font-size: 12px; text-decoration: underline }
.LigasPreguntas:hover {color: brown; background-color: yellow; text-decoration: underline; }

.LigasPreguntasSecciones {font-Family: Verdana,Arial,Helvetica; color: blue; font-size: 12px; font-weight:bold; text-decoration: underline;}
.LigasPreguntasSecciones:hover {color: brown; background-color: yellow; text-decoration: underline; }

h1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	color: #57595D;
}

h2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: black;
	display:inline;
}

h3 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #676A6E;
	display: inline;
}

.shadow_inner
{
	overflow:hidden;
	position:absolute;
	top: -1000px;
	filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
	opacity:0.1; /*firefox 1.5 opacity*/
	-moz-opacity:0.1; /*mozilla opacity*/
	-khtml-opacity:0.1; /*opacity*/
	z-index:10
}

.shadowImg
{
    border:1px solid gray;
	background:white;
	font:10pt arial;
	z-index:100;
	padding: 5px 5px 5px 5px;
}

.shadow
{
    position:relative;
    border:1px solid gray;
	background:gray;
	filter:alpha(Opacity=40); /*modify to change the shade solidity/opacity, same as below*/
	opacity:0.4; /*firefox 1.5 opacity*/
	-moz-opacity:0.4; /*mozilla opacity*/
	-khtml-opacity:0.4; /*opacity*/
	z-index:100
}

TR.renglonSeleccionado
{
   background-color : yellow;	
   font-weight: bold;
}