/* CSS Document */

/*codigo que obliga que todas las paginas tengan una imagen de fondo
y que se repida en todo el documento*/
BODY {
	background-image: url(../imgs/fondo.jpg);
	background-repeat: y;
	text-align:center;
}
/*Codigo para los menus de opciones de la pagina.
este codigo sirve para posicionar y especificar el
tamaņo de los botones del menu*/
div#link1 {width: 75px; top: 118px; float:left;}
div#link2 {width: 75px; top: 118px; float:left;}
div#link3 {width: 75px; top: 118px; float:left;}
div#link4 {width: 75px; top: 118px; float:left;}
div#link5 {width: 75px; top: 118px; float:left;}
div#link6 {width: 75px; top: 118px; float:left;}

/*estilo para la capa que contiene los botones del menu
especifica un ancho de 800 pixeles y un color de fondo blanco */
#navegacion{
  width:800px;
  padding : 0px 0px 0px 0px;
 background-color:#FFFFFF;
}

/*estilo aplicado al pie de pagina*/
#pie{
  width:800px;
  float:left;
  font-size: 7pt;
  text-align:center;
  border-left:2px solid #98A073;
  border-right:2px solid #98A073;
  border-bottom: px solid #98A073;
}

/*estilo a utilizar para insertar un titulo 
o ancabezado en alguna pagina. este estilo 
inserta una imagen de fondo*/

#bar {
  width:390px;
  margin-top:8px; 
	left:-4px;
	right:0px;
  text-align: left; 
	padding-left: 20px; 
	vertical-align: center;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
  background-image: url(../imgs/bar.png);
  background-repeat: no-repeat
}

/*estilo aplicado a los enlaces del menu de primcipal para dar 
el aspecto de botones*/

a.navlinks:link, a.navlinks:active, a.navlinks:visited {
	display:block;
	background:url(../imgs/button.png) top; 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-family:Arial;
	white-space:nowrap;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	over-flow: hidden;
	line-height: 28px;
	padding-top: 0px;
	padding-bottom: 0px;
	height:28px; 
	width:78px;
	text-decoration:none}
/*estilo utilizado para dar el efecto de rollover a los botones del
menu princial*/
a.navlinks:hover {
	display:block;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background-position: 0px -28px;
	text-decoration: none;
	color: #FFF;
	padding-top: 0px;
  height:28px;
  width:78px
}

/*Estilo a aplicarle a los textos de cada pagina o
parrafos*/

.texto{
font: 12px "verdana", Arial, Helvetica, sans-serif;
margin-left:8px;
margin-right:5px;
color:#660000;
}
/*estilo para la celda que contendra el titulo
de un submenu*/
TD.pan {
  background-image: url(../imgs/subbar.gif);
  background-repeat: repeat-x;
  width: 140px;
  font-family:"Arial", serif;
  font-size:11px;
  color:#E4E6DB; 
  font-weight: BOLD;
  text-decoration:none;
  padding-left: 2px; 
}
/*estilo aplicado a la celda que contendra las opciones de
algun submenu*/
TD.pancontent {
  background-color: #D5D9BF;
  font-family:"Arial", serif;
  font-size:10px;
  color:#FFF;
  vertical-align: top;
  text-align: left;
  height: 140px;
  width: 150px;
  padding-top: 0px; padding-left: 5px; padding-right: 0px}
 
/*Estilo aplicado a los links del sitio y que mantiene
un color uniforme a pesar de estar activo o visitado. Ademas 
realiza un efecto de zoom al posicionarse sobre algun link*/
A:link, A:visited, A.active { 
  	COLOR:#899363;
	font-family:"Arial", serif;
	TEXT-DECORATION:none;font-size:11px}
A:hover { 
	COLOR:#74A535;
	font-family:"Arial", serif;
	Text-decoration:underline;font-size:12px}

  
/*Estilo aplicado a la tabla que contiene la capa del pie de pagina*/
TABLE.footmain {
  background-image: url(../imgs/foot2.gif); background-repeat: repeat-x;
  width: 100%; height:100px;
  padding-top: 0px; padding-left: 0px; padding-right: 0px}