body {
		background-color: #FFFFCC;
		text-align: center;
		margin: 0px;
		font: 10pt Arial;
	}
	
#todo { 
	margin: 0 auto;
	width: 1000px;

}
#container {
		width: 800px;
		margin: 0px auto;
		text-align: left;

		color: #666;
/*		border: 10px solid #ccc; */
	}
	
	#header {
		background-color: #000;
		color: #fff;
		width: 650px;
		background: url(img/logo10.jpg) no-repeat;
		/*padding: 2px 15px 2px 15px;*/
		height: 226px;
			border-left: 1px solid #669933;

	}
	

	
	#sidebar {
				margin-right: 99px;
		text-align: right;
		width: 190px;
		padding: 5px;
		 float: right;
		background: url(img/fondo.jpg) repeat-x;
		border-left: 1px solid #669933;
		border-bottom: 1px solid #ccc;
		/* height: 214px; */
	}
	
		#empresas {
		margin-right: -199px;
		text-align: right;
		width: 190px;
		padding: 4px;
		float: right;
		background: url(img/fondo.jpg) repeat-x;
		border-left: 1px solid #669933;
		border-bottom: 1px solid #ccc;
		margin-top: 250px;
	}
	#empresas ul {
		text-transform: uppercase;
		margin-top: -5px;
				font-size: 14px;
		color: #666

	}
	#empresas li {
		list-style: none;
		margin-left: -60px;
	}
	
		#patros {
			margin-right: -199px;
		text-align: right;
		width: 190px;
		padding: 4px;
		float: right;
		background: url(img/fondo.jpg) repeat-x;
		border-left: 1px solid #669933;
		border-bottom: 1px solid #ccc;
		margin-top: 475px;
	}
	
		#patros ul {
		text-transform: uppercase;
		margin-top: -5px;
				font-size: 14px;
		color: #666

	}
	#patros li {
		list-style: none;
		margin-left: -60px;
	}
	
	
	
	#sidebar ul {
		width: 197px;
	margin-left: -45px;	
	}
		
	#sidebar li {
		
		list-style: none;
		text-transform: uppercase;
		font-size: 16px;
		color: #666

	
	
	}
	#sidebar li a {
		text-decoration: none;
		color: #666;
		display:block;
				padding: 2px;
	}
	#sidebar li a:visited {
		text-decoration: none;
	}
	#sidebar li a:hover {
		background: #669933;
		color: white;
		text-decoration: underline;
	}
	
	#main {
		width: 600px;
		margin-top: -5px;
		height: 800px;

					background: url(img/fondo.jpg) repeat;

	}
	#noticia {
		padding: 10px;
		font-family: verdana;
		font-size: 14px;
		margin-bottom: 5px;
							background: url(img/fondo.jpg) repeat;
								border-left: 1px solid #669933;

	}
	#noticia a:link, a:visited {
		color:  #336600;
		text-decoration: none;
	}
	#noticia a:hover {
		color: white;
		text-decoration: underline;
	}
	#noticia h3 {
		font-size: 25px;
		color: #336600;
		margin-bottom: 5px;
	}
	#noticia h2 {
		font-size: 18px;
		color: #336600;
		margin-bottom: 5px;
	}
	#noticia li {
		list-style-type: square;
	}
	
	#footer {
		margin-top: 5px;
		width: 598px;

 	background: url(img/fondo.jpg) repeat-x;

		color: #fff;
		padding: 1px;
		text-align: center;
			border-top: 1px solid #669933;
				border-bottom: 1px solid #669933;
	}
	
	#lateral{
width: 250px;  /*Este será el ancho que tendrá tu columna*/
  /*Aquí pon el color del fondo que quieras para este lateral*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#principal{
	
margin-left:300px; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/


}

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