/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	/*aqui mandamos a centrar todo el contenido*/
	background-image:url(../images/fondo_c.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
a:link {
	color: #FFCC33;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC33;
}
a:hover {
	text-decoration: none;
	color: #FFCC33;
}
a:active {
	text-decoration: none;
	color: #FFCC33;
}

FORM {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	PADDING-TOP: 0px;
}
#contenedor {
	PADDING-RIGHT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 
	width:775px; /*ancho total de la pagina*/ 
	/*height:476px; ancho total de la pagina*/ 
	border:0px ; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	/*background-color:#FFFFFF;*/
	margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left;  /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
 	
}

/* ENCABEZADO*/
#fondo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;

	width:775px; /*ancho total de la pagina*/ 
	height:439px; /*largo total de la pagina*/ 
	
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}

/* MENU*/
#menu {
	position:absolute;
	top:33px; /*la misma posicion del anterior para que se sobreponga*/
	left:177px;
	
	float:left;
	margin:1px 1px auto 0;
	width:578px;
	height:23px;
	z-index: 100;
} 

/* MENU*/

/* INICIO : FLASH HOME*/
#flash_home {
	position:absolute;
	top:396px; /*la misma posicion del anterior para que se sobreponga*/
	left:16px;
	
	float:left;
	margin:1px 1px auto 0;
	width:285px;
	height:10px;
	z-index: 100;
} 

/* FIN : FLASH HOME*/
#contenido {
	position:absolute;
	top:139px; /*la misma posicion del anterior para que se sobreponga*/
	left:514px;
	
	float:left;
	margin:1px 1px auto 0;
	width:258px;
	height:288px;
	z-index: 200;
}


/* CONTENIDO*/
#contenido_izq {
	float:left;
	margin:1px 1px auto 0;
	border:1px solid #333333; 
	width:185px;
	/*height:500px;*/
}
#contenido_cen {
	float:center;
	margin:10px 10px auto 10px;
	border:1px solid #333333; 
	width:350px;
	text-align:justify;
	margin-left:190px;




}
#contenido_der {
	float:right;
	margin:1px 1px auto 0;
	border:1px solid #333333; 
	width:151px;
	height:500px;*/
}

/* FOOTER*/
#footer{
	position:absolute;
	top:445px; /*la misma posicion del anterior para que se sobreponga*/
	left:3px;
	
	float:left;
	margin:1px 1px auto 0;
	width:643px;
	height:50px;
	z-index: 200;
}


/* BOTONES **********************************************************/
.btn_chico {
	BORDER-RIGHT: #cccccc 1 px double; 
	BORDER-TOP: #cccccc 1px double;
	BORDER-LEFT: #cccccc 1px double; 
	BORDER-BOTTOM: #cccccc 1px double; 
	
	
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	/*BACKGROUND: url(../images/button_bg.png) repeat-x; */
	
	MARGIN: 0px; 
	WIDTH: 210; 
	COLOR: #3B3B3B; 
	LINE-HEIGHT: 16px; 
	
	
	FONT-FAMILY: Arial, Hevlvetica, sans-serif; 
	font-size: 11px;
	TEXT-ALIGN: left;
}














ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/
	padding:0; /*y el relleno*/		
}
li {
	margin:0; /*le quito el margen al elemento de la lista*/ 
}
li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	background-color:#FFFFFF; /*algo de color*/ 
	color:#416E07; /*mas*/ 
	width:185px; /*defino el ancho del rectangulo del vinculo*/
	height:12;
	padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
	border-bottom:1px solid #416E07;
	
	
	/*
	CC3300 rojo
	68AD05  verde claro
	A1F130 verde fondo
	*/
	
}
li a:hover {
	background-color:#A1F130; /*decoración para el evento hover (mouse encima)*/ 
	
}