/**Infografía**/

/*-- Este códgio fue tomado desde 
http://www.impressivewebs.com/demo-files/content-switcher/content-switcher-javascript.html#three
todos los créditos para ellos--*/
#content-slider, #content-slider2 {
	width: 640px;
	overflow: hidden;
	height: 350px;
	margin: 30px 0 0 0;
	border: solid 1px #ccc;
}

#content-slider-inside, #content-slider-inside2 {
	list-style: none;
	height: 350px;
	overflow-y: hidden;
}

	#content-slider-inside li, #content-slider-inside2 li  {
		width: 640px;
		background: #FFF;
		height: 350px;
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		text-align: center;
		line-height: 300px;
	}
	
.navigation, .navigation2 {
	list-style: none;
	margin: 20px 0;
	float: right;
}

.navigation li, .navigation2 li {
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
}

.navigation li a, .navigation li a:link, .navigation li a:visited 
.navigation2 li a, .navigation2 li a:link, .navigation2 li a:visited {
	text-decoration: none;
	display: block;
	height: 30px;
	color: #666;
}

.navigation li a.selected, .navigation li a.selected:link, .navigation li a.selected:visited
.navigation2 li a.selected, .navigation2 li a.selected:link, .navigation2 li a.selected:visited  {
	background: #9C0;
	color: #fff;
}

.navigation li a:hover, .navigation li a:focus, .navigation li a:active
.navigation2 li a:hover, .navigation2 li a:focus, .navigation2 li a:active  {
	background: #9C0;
	color: #fff;
}

#content-slider-inside li {display:none}
#content-slider-inside li.one {display:block}
#content-slider-inside2 li {display:none}
#content-slider-inside2 li.unoa {display:block}