html {
      /* Las barras de scroll vertical y horizontal de la página */
	scrollbar-width:0.5pt;
	scrollbar-face-color: #E9B700;		/*barra*/
	scrollbar-arrow-color: #5E610B;	      /*flecha*/
	scrollbar-track-color: #5E610B;		/*fondo*/
	scrollbar-shadow-color: #4C6129;		/*sombra*/
	scrollbar-highlight-color: #F5FF8A;		/*sombra fondo*/
	scrollbar-3dlight-color: #F5FF8A;		/*sombra 3D*/
	scrollbar-darkshadow-color: #F5FF8A;	/*sombra fondo oscura*/
}


body {
	background-color:#5E610B; #COLOR DE FONDO DE LA PAGINA
	font-family: "Arial, Times New Roman";
	font-size: 12px;
	line-height: 24px;
	color: #99FF33;
}


/* Indice */
#indice_pagina {
      list-style-type:none;
	margin:0px;
	padding:2px;
}

#indice_pagina li {		/* para que tenga apariencia de botones */
	margin:3px;
	padding:1px;
	float:left;
}
	
#indice_pagina li a {
	display:block;
	width:200px;
	padding:1px; /*ANCHURA DE LOS BOTONES */

      border-top: none; /*thin double;  Borde de arriba delgado con linea doble */
	border-right: none;/*thin double; /* Borde de la derecha blanco de anchura 0.5em delgado con linea lisa */
      border-bottom: thin double; /* Borde de abajo delgado con linea doble */
      border-left: none; /* Borde de la izquierda blanco de anchura 0.5em delgado con linea lisa */
      border-color: #5E610B;

	text-decoration:none; /* Texto sin decoración */
	text-align:left; /* Texto centrado */	
	font-size: 11px;
      color: #ffffff;
      background-color: #918C0A;
}

#indice_pagina li a:hover { /* cuando posicionas el ratón encima */
	color: #5E610B; 	/* Color de fuente */
	font-weight:bolder; /* Estilo de fuente: Negrita */
      text-decoration: none;
      background-color: #93A243;
}
/* Fin del Indice */



/* SubIndice */
#subindice_pagina {
      list-style-type:none;
	margin:0px;
	padding:0px;
}

#subindice_pagina li {		/* para que tenga apariencia de botones */
	
      margin-left:28px;
      margin-top:7px;
	padding:0px;
	float:left;
}
	
#subindice_pagina li a {
	display:block;
	width:150px;
	padding:0px; /*ANCHURA DE LOS BOTONES */

      border-top: none; /*thin double;  Borde de arriba delgado con linea doble */
	border-right: thin double;/*thin double; /* Borde de la derecha blanco de anchura 0.5em delgado con linea lisa */
      border-bottom: thin double; /* Borde de abajo delgado con linea doble */
      border-left: none; /* Borde de la izquierda blanco de anchura 0.5em delgado con linea lisa */
      border-color: #5E610B;
      border-bottom-right-radius: 5px;
      border-bottom-top-left: 5px;
      border-radius: 10px;
	text-decoration:none; /* Texto sin decoración */
	text-align:center; /* Texto centrado */	
	font-size: 11px;
      font-weight: bold;
      color: #5E610B;
      background-color: #B5C03A;
}

#subindice_pagina li a:hover { /* cuando posicionas el ratón encima */
	color: #5E610B; 	/* Color de fuente */
	font-weight:bolder; /* Estilo de fuente: Negrita */
      text-decoration: none;
      background-color: #D5DF68;
}
/* Fin del SubIndice */



/* Indice Pedagogia */
#indice_pedag {
      list-style-type:none;
	margin:0px;
	padding:0px;
}

#indice_pedag li {		/* para que tenga apariencia de botones */
	margin-left:5px;
      margin-top:0px;
	padding:1px;
	float:left;
}
	
#indice_pedag li a {
	display:block;
	width:400px;
	padding:0px; /*ANCHURA DE LOS BOTONES */

      border-top: none; /*thin double;  Borde de arriba delgado con linea doble */
	border-right: none;/*thin double; /* Borde de la derecha blanco de anchura 0.5em delgado con linea lisa */
      border-bottom: none; /* Borde de abajo delgado con linea doble */
      border-left: none; /* Borde de la izquierda blanco de anchura 0.5em delgado con linea lisa */

	text-decoration:none; /* Texto sin decoración */
	text-align:left; /* Texto centrado */	
	font-size: 10px;
      color: #464808;
      background-color: #FFFFFF;
}

#indice_pedag li a:hover { /* cuando posicionas el ratón encima */
	color: #BB9816; 	/* Color de fuente */
	font-weight:bolder; /* Estilo de fuente: Negrita */
      text-decoration: unerline;
}
/* Fin del Indice Pedagogia */



/*Caja para introducir texto*/

.caja {
       width : 440px;
       background-image : url("img/marcoMedio.JPG");
       background-repeat : repeat-y;
}

.cajaarriba {
       background-image : url("img/marcoSuperior.JPG");
       background-repeat : no-repeat;
       background-position : top center; 
}
.cajaabajo {
       background-image : url("img/marcoInferior.JPG");
       background-repeat : no-repeat;
       background-position : bottom left; 
	 padding: 15px 15px 15px 15px;
}

/*Fin de la caja*/




td, th {		/* Para las columnas de las tablas; etiquetas <td> y <th>
	height:auto;
	font-family: Arial, Times New Roman;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}



table{		/* Para las tablas que se declaren; etiqueta <table> */
	height:auto;
}

/* Para el texto de los formularios */

.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}