/* CSS Document */
/*body {
		background:#222;
		color:#fff;
		font-weight:normal;
		font-family:georgia,times,serif;
		margin:0;
		padding:1em 3em;
	}*/
	/*a {
		color:#fff;
	}
	h1, h2, h3 {
		font-weight:normal;
		margin:0;
		padding:0;
	}
	h1 {
		font-size:1.8em;
	}
	h2 {
		font-size:1.6em;
	}*/
	
	h1.foo {
		color:orange;
	}
	ul {
		width:500px;
		float:left;
		margin:0;
		padding:0;
		border-bottom:0.2em solid #fff;
	}
		ul li {
			cursor:default;
			margin:0;
			overflow:hidden;
			font:12px verdana;
			color:#333333;
			border-top:1px dotted #ffffff;
			padding:0 0.3em 0 0.3em;
			background: url(img/backBarra.jpg) repeat-x;
		}
		ul li:hover {
			/*color:#333333;*/
		}
		ul li:last-child {
		}
		ul li span {
			padding:1em 20px 1em 3em;
			display:block;
			height:18px;
			background:url(../../png2009/imagenesonline/botarflecha.jpg) center left no-repeat;
		}
		ul li span:hover{
			background:url(../../png2009/imagenesonline/downflecha.jpg) center left no-repeat;
			cursor:hand;
			cursor:pointer;
		}
		ul li a {
			text-decoration:none;
			display:block;
			cursor:hand;
			padding:0;
			margin:0;
			font:11px verdana;
		}
		ul li a:hover {
			text-decoration:underline;
		}
		ul li ul {
			border:0;
			width:auto;
			float:none;
			background:#ffffff;
			overflow:hidden;
		}
		ul#content li ul li {
			border:0;
			padding:0.5em 1em;
			margin:0;
			background:none;
		}
		ul#content li ul li:hover {
			background:#ffffff;
		}
	#action, #open, #close {
		float:left;
		border:1px solid #fff;
		width:150px;
		padding:1em;
		font-size:0.8em;
		height:300px;
		overflow:auto;
		margin-left:15px;
		font:11px verdana,arial,sans-serif;
	}
	#note p {
		margin:0;
		padding:0;
		font:11px verdana;
	}
	#note {
		margin-bottom:1em;
	}