/***********ESCAÑOS**********/
/*123*/
#grafico>ul:nth-of-type(1)>li:nth-of-type(2){
	width:500px;
}
/*90*/
#grafico>ul:nth-of-type(2)>li:nth-of-type(2){
	width:366px;
}
/*69*/
#grafico>ul:nth-of-type(3)>li:nth-of-type(2){
	width:280px;
}
/*40*/
#grafico>ul:nth-of-type(4)>li:nth-of-type(2){
	width:163px;
}
/*9*/
#grafico>ul:nth-of-type(5)>li:nth-of-type(2){
	width:37px;
}
/*8*/
#grafico>ul:nth-of-type(6)>li:nth-of-type(2){
	width:33px;
}
/*6*/
#grafico>ul:nth-of-type(7)>li:nth-of-type(2){
	width:24px;
}
/*2-2*/
#grafico>ul:nth-of-type(8)>li:nth-of-type(2),#grafico>ul:nth-of-type(9)>li:nth-of-type(2){
	width:8px;
}
/*1*/
#grafico>ul:nth-of-type(10)>li:nth-of-type(2){
	width:4px;
}




/********COLORES***********/
#grafico>ul:nth-of-type(1)>li:nth-of-type(2){
	background:#11a3de;
}
#grafico>ul:nth-of-type(2)>li:nth-of-type(2){
	background:#d20a11;
}
#grafico>ul:nth-of-type(3)>li:nth-of-type(2){
	background:#6e2362;
}
#grafico>ul:nth-of-type(4)>li:nth-of-type(2){
	background:#ec6b27;
}
#grafico>ul:nth-of-type(5)>li:nth-of-type(2){
	background:#b87513;
}
#grafico>ul:nth-of-type(6)>li:nth-of-type(2){
	background:#2E3272;
}
#grafico>ul:nth-of-type(7)>li:nth-of-type(2){
	background:#006634;
}
#grafico>ul:nth-of-type(8)>li:nth-of-type(2){
	background:#df0022;
}
#grafico>ul:nth-of-type(9)>li:nth-of-type(2){
	background:#b3c900;
}
#grafico>ul:nth-of-type(10)>li:nth-of-type(2){
	background:#eeda00;
}




/*animation: grafico2 0.5s linear 0s alternate backwards;*/




@media screen and (max-width:940px){


}
@media screen and (max-width:760px){

/***********ESCAÑOS**********/
/*123*/
#grafico>ul:nth-of-type(1)>li:nth-of-type(2){
	width:200px;
}
/*90*/
#grafico>ul:nth-of-type(2)>li:nth-of-type(2){
	width:146px;
}
/*69*/
#grafico>ul:nth-of-type(3)>li:nth-of-type(2){
	width:112px;
}
/*40*/
#grafico>ul:nth-of-type(4)>li:nth-of-type(2){
	width:65px;
}
/*9*/
#grafico>ul:nth-of-type(5)>li:nth-of-type(2){
	width:15px;
}
/*8*/
#grafico>ul:nth-of-type(6)>li:nth-of-type(2){
	width:13px;
}
/*6*/
#grafico>ul:nth-of-type(7)>li:nth-of-type(2){
	width:10px;
}
/*2-2*/
#grafico>ul:nth-of-type(8)>li:nth-of-type(2),#grafico>ul:nth-of-type(9)>li:nth-of-type(2){
	width:4px;
}
/*1*/
#grafico>ul:nth-of-type(10)>li:nth-of-type(2){
	width:2px;
}
}
@media screen and (max-width:510px){
#grafico>ul>li:nth-of-type(1) {
    line-height: 1.2em;
}


}