#container {
		width: 900px;
		margin: 0px auto;
		text-align: left;
		background-color: #fff;
		color: #000;
		border: 10px solid #ccc;
	}
	

	#header {
		background-color: #FFF;
		text-align: center;
		color: #FFF;
		padding: 2px 15px 2px 15px;
		font-family: "Trebuchet MS", Times, serif;
	}

	#menunav {
 margin: 0;
 padding:0;
}
#menunav li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-image:  url(img/debajo_btnbla.jpg);
 /* background-repeat: repeat-x; */
 border-bottom: 1px solid #FFFFFF;
 background-color: #FFFFFF;
}
#menunav ul {
 border-top: 1px solid #eeeeee;
 margin: 0;
 padding: 0;
 z-index: 10000;
}
#menunav ul li {
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
}
#menunav a {
 display: block;
 text-decoration: none;
 background-color: transparent;
 padding: 4px 12px 4px 10px;
 color: #000000;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-bottom: 0;
 border-left: 4px solid #FFFFFF;
 line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
 color: #1F20A6;
 background-color: #FFFFFF;
 letter-spacing: 0.01px;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-left: 4px solid #FFFFFF;
 background-image:  url(img/encima_btn.jpg);
 background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url(img/flecha.gif);
 background-repeat: no-repeat;
 background-position: right center;
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url(img/encima_btn.jpg);
 background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}
	#sidebar {
                top: 85px;
                font-size: 0.85em; 
		width: 110px;
		padding: 10px;
		float: left;
		background-color: #eee;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	
	#main {
		padding: 10px;
		margin-left: 140px;
		background-color: #fff;

	}

       
	


	
	#footer {
		clear: both;
		background-color: #8C0C04;
		color: #FFFFFF;
		padding: 1px;
		text-align: center;
		font-size: 7pt;
	}

	
	
	body {
		background-color: #FFFFFF;
		text-align: center;
		margin: 0px;
		font: 10pt Arial, Helvetica, sans-serif;
	}

	
	/* estilos morralla */
	
	#header h2 {
		font-style: italic;
		color: #ccc;
	}
	
	#footer a {
		color: #fff;
	}