#parejasjuguete{width:800px;position: relative;height: 490px;font:15px Arial;border-radius: 11px;background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/TMD/T02/A01/img/bganimales.png);border:1px solid #adadad;}
#parejasjuguete .controls{box-sizing:border-box;position: relative;width: 100%;height: 100px;}
#parejasjuguete .screen{box-sizing:border-box;position: relative;width: 100%;height: 350px;}
[id^=linearesp]{box-sizing:border-box;position: absolute;height: 5px;background-color: #adadad;cursor: pointer;opacity: 1;}
#linearesp1{width: 175px;transform:rotate(-20.5deg);left: 115px;top:90px;}
#linearesp2{width: 175px;transform:rotate(20.5deg);left: 115px;top:150px}
#linearesp3{width: 245px;transform:rotate(48.5deg);left: 80px;top:210px;}
#linearesp4{width: 245px;transform:rotate(-48.5deg);left: 80px;top:150px;}
#linearesp5{width: 175px;transform:rotate(-20.5deg);left: 115px;top:210px;}
#linearesp6{width: 175px;transform:rotate(20.5deg);left: 115px;top:270px}
.lineapapa{left: 800px;position: absolute;transform: scaleX(-1);}
#linearesp7{width: 175px;transform:rotate(-20.5deg);left: 115px;top:90px;}
#linearesp8{width: 175px;transform:rotate(20.5deg);left: 115px;top:150px}
#linearesp9{width: 245px;transform:rotate(48.5deg);left: 80px;top:210px;}
#linearesp10{width: 245px;transform:rotate(-48.5deg);left: 80px;top:150px;}
#linearesp11{width: 175px;transform:rotate(-20.5deg);left: 115px;top:210px;}
#linearesp12{width: 175px;transform:rotate(20.5deg);left: 115px;top:270px}

.hov1:hover{background-color:#754c24;}
.hov2:hover{background-color:#00a651;}
.hov3:hover{background-color:#92278f;}
.hov4:hover{background-color:#ed1c24;}
.hov5:hover{background-color:#00bff3;}
.hov6:hover{background-color:#f06eaa;}

.sel1{background-color:#754c24;}
.sel2{background-color:#00a651;}
.sel3{background-color:#92278f;}
.sel4{background-color:#ed1c24;}
.sel5{background-color:#00bff3;}
.sel6{background-color:#f06eaa;}


[class^=pareja]{box-sizing:border-box;position: absolute;height: 45px;width:90px;cursor: pointer;top:30px;border-radius: 5px;text-align: center; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none;}
[class^=pareja] img{width: 40px;padding-top: 5px;}
.parejas1{left: 45px;border:1px solid #754c24;}
.parejas2{left: 170px;border:1px solid #00a651;}
.parejas3{left: 295px;border:1px solid #92278f;}
.parejas4{left: 420px;border:1px solid #ed1c24;}
.parejas5{left: 535px;border:1px solid #00bff3;}
.parejas6{left: 660px;border:1px solid #f06eaa;}

[class^=punto]{box-sizing:border-box;position: absolute;height: 5px;width:5px;background-color: #8888ff;cursor: pointer;}
.punto1{left: 280px;top:60px;}
.punto2{left: 280px;top:180px;}
.punto3{left: 280px;top:300px;}
.punto4{left: 120px;top:120px;}
.punto5{left: 120px;top:240px;}