.ordenaelementos{position: relative;width: 400px;margin:auto;}
.r1,.r2{height: 100%;position: relative;}
.r1{}
.r2{width: 323px;}
.rl{width: 1px;height: 100%;background-color:#999;min-height: 50px;position: relative;float: left;}
.itm{margin: 0px 0 8px 60px;width: 200px;position: relative;}
#u1,#u2,#u3,#d1,#d2,#d3{position: absolute;width:15px;height: 17px;cursor:pointer;left:33px;}
#u1,#u2,#u3{background-image: url(https://static.cmm.uchile.cl/global/uarrow.png);}
#d1,#d2,#d3{background-image: url(https://static.cmm.uchile.cl/global/darrow.png);}
#d1{top:20px;}
#d2{top:92px;}
#d3{top:159px;}
#u1{top:72px;}
#u2{top:139px;}
#u3{top:209px;}
.res1 {width: 150px;text-align: left;}
.ele1{background-image: url(https://static.cmm.uchile.cl/etapa2/recursos/ord_texto/cuadro_3.png);}
.ele2{background-image: url(https://static.cmm.uchile.cl/etapa2/recursos/ord_texto/cuadro_1.png);}
.ele3{background-image: url(https://static.cmm.uchile.cl/etapa2/recursos/ord_texto/cuadro_4.png);}
.ele4{background-image: url(https://static.cmm.uchile.cl/etapa2/recursos/ord_texto/cuadro_2.png);}
.cuadro_ordenar{border: 5px outset red;text-align: center;width: 133px;height: 46px; background-repeat: no-repeat;}
.cuadro_ordenar2{border: 5px outset blue;text-align: center;width: 133px;height: 46px; background-repeat: no-repeat;}
.textoCuadro{padding: 6%;}
.ordenaelementos [class^=ele]{width: 109px;height: 46px; background-repeat: no-repeat;}
#controles {}