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

img {
    border: none;
}

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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color:#5A5618;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #918832;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #C1B502;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #877F30;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #70AB32;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #727271;
}
h0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #2B2A29;
	text-indent: 100px;
}
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #5A5618;
	font-family: Arial, Helvetica, sans-serif9\;
	font-size: 16pt9\;
	color: #5A5618\9;
}


/* Tipos de enlaces ------------------------------------ */

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

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

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

a.EnlaceN2 {
	color : #2580c5;
	font-weight: bold;
}

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

a.EnlaceN3 {
	color : #2580c5;
}

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


a.EnlaceN1G {
	font-size:12pt;
	font-weight: bold;
}

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

a.EnlaceN2G {
	font-weight: bold;
}

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

/* Estilos especiales para la cabecera ------------------ */

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

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

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

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

a.cabeceraTabla {
	color: #ffffff;
}


/* 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 :#5A5618;  
           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: #ffffff;}

/* TituloTab: Estilo de los t&iacute;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&oacute;n de la fila que   */
/* representa. (Años, Municipios, etc)                                             */ 

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

.LadilloTabColor {
			font-size: 9pt;
            background-color : #eee;
            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&uacute;meros se pone un ID tal que as&iacute;:             */
/* <td class="CuerpoTab" id="Texto">hola</td>                                      */
/* PieTab: Celdas que componen el pie de la tabla                                  */

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


/************************** Definici&oacute;n de estilo de Graficos e imagenes ************/


/* TituloGraf: Texto que indica el t&iacute;tulo del gráfico                              */

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

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

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

/* PieGraf: Texto que indica el Pi&eacute; del gráfico                                    */

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


/************************** Definici&oacute;n de estilo de Graficos ***********************/

/************************** ESTILO CELDAS ***********************/

td.b1 {background-color:#0EBEBA;}
td.b2 {background-color:#0EBEBA;}
td.b3 {background-color:#0EBEBA;}
  
  
  .borderleft {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
}

 .borderbottom {
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #FFFFff;
}


.resalte:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.post img:hover{
transform: none
}