/* Definiciones comunes básicas para todos los elementos */

html, body, div, p, td, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}

a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #666;
	}
	
a:hover{
	text-decoration: underline;
}

a.EnlaceZip {
	font-size:12pt;
}

a.EnlaceZip:hover{
	text-decoration: underline;
}

a.EnlaceGrande {
	font-size:12pt;
}

a.EnlaceGrande:hover{
	text-decoration: underline;
}

/* Estilos especiales para la cabecera                   */

.atajos {
	color: #fff;
	background-color: #2580c5;
}

a.atajos:hover {
	text-decoration: underline;
}

.cabeceraTabla {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #9dadc6;
    width: 15%;
    nowrap;
}

a.cabeceraTabla:hover {
	text-decoration: underline;
}



/* Enlace por defecto: Enlaces de los índices internos de cada página  */
              
/* a:link {                                                            */
/*         text-decoration: underline;                                 */
/* }                                                                   */

/* a:visited {                                                         */
/*           text-decoration: underline;                               */
/* }                                                                   */

/* a:active {                                                          */
/*           text-decoration: underline;                               */
/*           font-size: 10pt;                                          */
/*           color: #800000;                                           */
/* }                                                                   */

/* a:hover {                                                           */
/*          text-decoration: underline;                                */
/*          color: #f33;                                               */
/* }                                                                   */

/* TituloPag: Titulos de las paginas                                   */
.TituloPag {
           font-size:18pt;
           color :#2580c5;  
           font-weight:bold;
	       font-style:italic;   
}
/* Niveles para el contenido de las páginas                            */

.Nivel1 {
           font-size : 12pt;
           color : #2580c5;  
           font-weight: bold; 
}

.Nivel2 {
           font-size : 10pt;
           color : #2580c5;  
           font-weight: bold; 
}

.Nivel3 {
           color : #2580c5;  
}

/************************** Definición de estilo de tablas *************************/


/* Identificadores para poder poner las filas de pares e impares de distinto color */
/* Si se quiere poner una fila con un color distintio segun par o impar se hace:   */
/* <tr id="impar1">  .....  </tr> <tr id="par1> ..... </tr>                        */

#impar1 {background-color: #ddd;}
#par1   {background-color: #eee;}
#impar2 {background-color: #ddd;}
#par2   {background-color: #eee;}
#impar3 {background-color: #ddd;}
#par3   {background-color: #eee;}
#impar4 {background-color: #ddd;}
#par4   {background-color: #eee;}
#impar5 {background-color: #ddd;}
#par5   {background-color: #eee;}
#separador {background-color: #fff;}

/* TituloTab: Estilo de los títulos de la tabla. Texto que vá antes de la tabla    */

.TituloTab {
           text-align: center;
           color : #666;
           font-weight: bold; 
           }

.TituloTab:hover {
           text-decoration:underline;
}

/* CabeceraTab: Celdas que componen la cabecera de tablas con pocas columnas       */

.CabeceraTab {
             font-size : 9pt;
             background-color : #eee;
             font-weight: bold; 
             text-align :center;
             width: 15%;
             }

/* CabeceraTabG: Celdas que componen la cabecera de tablas con muchas columnas      */

.CabeceraTabG {
             font-size : 9pt;
             background-color : #eee;
             font-weight: bold; 
             text-align :center;
             }

/* LadilloTab: Las celdas de la primera columna de la tabla. Se supone que en la   */
/* primera columna no van datos sino algun tipo de identificación de la fila que   */
/* representa. (Años, Municipios, etc)                                             */ 

.LadilloTab {
			font-size: 9pt;
            font-weight: bold; 
            text-align : left;
            }


/* CuerpoTab: Celdas que componen el cuerpo de la tabla (los datos)                */

.CuerpoTab {
			font-size: 9pt;
           text-align: right;
           }

/* Si una celda contiene texto y no números se pone un ID tal que así:             */
/* <td class="CuerpoTab" id="Texto">hola</td>                                      */
/* PieTab: Celdas que componen el pie de la tabla                                  */

.PieTab {
        font-size : 8pt;
        font-style : italic;
}


/************************** Definición de estilo de Graficos ***********************/


/* TituloGraf: Texto que indica el título del gráfico                              */


p.TituloGraf {
            color : "#666";
            font-weight: bold; 
            text-align: center;
            }

a p.TituloGraf:hover {
           text-decoration:underline;
}

/* PieGraf: Texto que indica el Pié del gráfico                                    */

.PieGraf {
        font-size : 10pt; 
        text-align: center;
        }


/************************** Definición de estilo de Graficos ***********************/

.Detalle02 {
font-size : 10pt;
padding-left: 20px;
}

.Fecha02 {
font-size : 10pt;
}
.Detalle03 {
font-size : 10pt;
padding-left: 20px;
}
.Fecha03 {
font-size : 10pt;
}
.celdaNoticias a {
padding-left: 20px;
}

.scrollit{
 position: relative;
 height: 235pt;
 width: 100%;
 overflow: auto;
 scrollbar-3dlight-color:#666;
 scrollbar-arrow-color:#eee;
 scrollbar-base-color:#ffffff;
 scrollbar-darkshadow-color:#ffffff;
 scrollbar-face-color:#eeeeee;
 scrollbar-highlight-color:#eeeeee;
 scrollbar-shadow-color:#666;
}