* {outline: none;}

#slider {
	width:397px;
	margin:0 auto;
	}

.slider {
	display: block;
	position:relative;
	top:-30px;
	width: 397px; 
	height: 440px; 
	background: url(../img/resultados/infografico-temporario-gallery.png) repeat-x #f3f3f3; 
	background-position: 0% 0%; 
	overflow: hidden; 
	transition: background .4s ease
	} 

.bullet-selector:nth-child(1):focus ~ .slider { background-position: 0% 0%; color: red;}
.bullet-selector:nth-child(2):focus ~ .slider { background-position: -397px 0%; color: red;}

.bullet-selector {
	background: #fff; 
	width: 5px; 
	height: 5px; 
	padding: 0 10px 0 10px; 
	border-radius: 60px; 
	cursor: pointer; 
	margin: 10px; 
	box-shadow: 0 0 3px rgba(0,0,0,.2); 
	transition: background .2s ease; 
	border: 1px solid #999;
	position:relative;
	top:460px;
	}
	
.bullet-selector:hover {background: #009cff; }
.bullet-selector:active {background: #066daf; }