#pintangulo1 {width:800px;position: relative;margin:20px;height:240px;font:15px Arial;}
#pintangulo1 .controls{box-sizing: border-box;position: absolute;width: 180px;height: 50px;top:103px;left:427px;z-index: 91;}
#pintangulo1  .screen{z-index:50;box-sizing:border-box;position: relative;width: 100%;height: 350px;background-image: url(https://static.cmm.uchile.cl/etapa2/recursos/pintangulos/bgfigura1a.png);background-repeat: no-repeat;}
#pintangulo1  .colors{z-index:40;position: absolute;top:0;left: 0}
#pintangulo1  .topimg{z-index:90;position: absolute;top:0;left: 0}
#pintangulo1 [id^=linearesp]{box-sizing:border-box;position: absolute;height: 5px;background-color: #adadad;cursor: pointer;opacity: 1;}
#pintangulo1 [class*=seloption]{width: 36px;height: 36px;position: absolute;cursor: pointer;top: 7px;cursor:url(https://static.cmm.uchile.cl/etapa2/recursos/pintangulos/brushpointer.png), auto}
#pintangulo1 .seloption1{left: 12px;}
#pintangulo1 .seloption2{left: 73px;}
#pintangulo1 .seloption3{left:133px;}
#pintangulo1 .seloption4{left:193px;}
#pintangulo1 .controls .active{border: 3px solid #6e6c6c; border-radius: 11px;top:4px;}
#pintangulo1 .seloption1.active{left:  9px;}
#pintangulo1 .seloption2.active{left: 69px;}
#pintangulo1 .seloption3.active{left:130px;}
#pintangulo1 .seloption4.active{left:190px;}

#pintangulo1 .mask3 {height: 50px;left: 120px;position: absolute;top: 0;width: 60px;z-index: 99;background-color: #fff;}

#pintangulo1 [class^=cone] { width: 0; height: 0;border-top: 100px solid transparent;position: absolute;}

#pintangulo1 [class^=cone0]{left: 92px;top:111px;border-top: 37px solid transparent;transform: rotate( -39deg);}
#pintangulo1 [class^=cone1]{left: 98px;top:130px;border-top: 20px solid transparent;transform: rotate(-195deg);}
#pintangulo1 [class^=cone2]{left: 84px;top:112px;border-top: 22px solid transparent;transform: rotate( -17deg);}
#pintangulo1 [class^=cone3]{left:137px;top: 98px;border-top: 37px solid transparent;transform: rotate(   5deg);}
#pintangulo1 [class^=cone4]{left:192px;top: 30px;border-top: 37px solid transparent;transform: rotate( -39deg);}
#pintangulo1 [class^=cone5]{left:200px;top: 49px;border-top: 20px solid transparent;transform: rotate(-195deg);}
#pintangulo1 [class^=cone6]{left:186px;top: 30px;border-top: 22px solid transparent;transform: rotate( -17deg);}
#pintangulo1 [class^=cone7]{left:239px;top: 16px;border-top: 37px solid transparent;transform: rotate(   5deg);}
#pintangulo1 .cone0y{border-left : 35px solid #1e820a;}
#pintangulo1 .cone1y{border-top: 20px solid #1e820a;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone2y{border-top: 22px solid #1e820a;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone3y{border-right: 35px solid #1e820a;}
#pintangulo1 .cone4y{border-left : 35px solid #1e820a;}
#pintangulo1 .cone5y{border-top: 20px solid #1e820a;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone6y{border-top: 22px solid #1e820a;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone7y{border-right: 35px solid #1e820a;}
#pintangulo1 .cone0r{border-left: 35px solid #f31f03;}
#pintangulo1 .cone1r{border-top: 20px solid #f31f03;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone2r{border-top: 22px solid #f31f03;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone3r{border-right: 35px solid #f31f03;}
#pintangulo1 .cone4r{border-left: 35px solid #f31f03;}
#pintangulo1 .cone5r{border-top: 20px solid #f31f03;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone6r{border-top: 22px solid #f31f03;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone7r{border-right: 35px solid #f31f03;}
#pintangulo1 .cone0g{border-left: 35px solid #efaf15;}
#pintangulo1 .cone1g{border-top: 20px solid #efaf15;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone2g{border-top: 22px solid #efaf15;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone3g{border-right: 35px solid #efaf15;}
#pintangulo1 .cone4g{border-left: 35px solid #efaf15;}
#pintangulo1 .cone5g{border-top: 20px solid #efaf15;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone6g{border-top: 22px solid #efaf15;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone7g{border-right: 35px solid #efaf15;}
#pintangulo1 .cone0p{border-left: 35px solid #a010ca;}
#pintangulo1 .cone1p{border-top: 20px solid #a010ca;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone2p{border-top: 22px solid #a010ca;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone3p{border-right: 35px solid #a010ca;}
#pintangulo1 .cone4p{border-left: 35px solid #a010ca;}
#pintangulo1 .cone5p{border-top: 20px solid #a010ca;border-left: 51px solid transparent;border-right: 38px solid transparent;}
#pintangulo1 .cone6p{border-top: 22px solid #a010ca;border-left: 48px solid transparent;border-right: 48px solid transparent;}
#pintangulo1 .cone7p{border-right: 35px solid #a010ca;}