.wrapper{max-width:980px;margin:0 auto}.img,img{max-width:100%}.i-block,.col{display:inline-block;vertical-align:top}.text-center{text-align:center}.main > section{margin-bottom:3em}.two-col-img > img{display:inline-block;width:48%}.page{background:#fafafa}.page .top img,.page .foot img{width:100%;height:80px;object-fit:cover}.page .top{height:120px}.page .foot{height:90px}.page .content{height:500px;border-bottom:1px solid #666}h2{margin:10px 0 10px;font-family:Arial;font-weight:bold;font-size:18px}.box-bike{width:78%}.box-bike .col{width:24%;height:100%}.box-bike .col:first-child{margin-left:30px;width:20%}.box-bike .col.col-bike{width:50%}.box-bike .col.col-bike img{margin:0 12px}.box-bike .col.col-bike span img{margin:0 auto}.box-bike .col span{width:180px;max-width:170px;height:35px;background-color:#fff;margin:0 auto;margin-bottom:15px;margin-top:15px;display:block;border-radius:8px;border:5px solid #d4ebee;position:relative}.box-bike .col span img{width:160px;margin:-10px auto 0 !important;display:block}.box-bike .col span img.isOk,.box-bike .col span img.isError{position:absolute;top:10px;left:-40px;width:35px}.box-bike .col .drop .item{position:relative;z-index:9}.box-opt{width:20%;min-height:200px;padding-top:15px;padding-bottom:15px;border-radius:20px}.box-opt img{object-fit:cover;width:100%;height:100%;max-width:initial}.box-opt div{background-color:#d4ebee;width:180px;height:25px;margin:0 auto 5px;display:block;border-radius:8px;border:1px solid #c1d4e4}.box-btn{max-width:300px;margin:0 auto}.box-btn img{display:none;height:90px}.box-btn img.active{display:block}img.words{width:105px !important}.cruza-seguro .box{position:relative}.cruza-seguro .box div{position:absolute;left:21%;top:23%;width:77px;height:27px;background:rgba(138,199,206,0.18);border-radius:5px}.cruza-seguro .box div.one-2{left:32%;top:38%}.cruza-seguro .box div.two-1{left:36%;top:74%}.cruza-seguro .box div.three-1{left:90.5%;top:18%}.cruza-seguro .box div.three-2{left:90.5%;top:27%}.cruza-seguro .box div.four-1{left:75.5%;top:76%}.cruza-seguro .box div .item img{max-width:initial;width:100%;height:100%;object-fit:cover;margin-left:-13px}.cruza-seguro .options{display:block;height:52px}.cruza-seguro .options .item{display:inline-block;width:105px;position:relative;z-index:99}.cruza-seguro .options .item img{width:130px}.cruza-seguro .answers-box{position:absolute;width:44px;height:44px}.cruza-seguro .answers-box.one{top:0;left:0}.cruza-seguro .answers-box.two{top:47%;left:0}.cruza-seguro .answers-box.three{top:-5px;left:49.5%}.cruza-seguro .answers-box.four{top:46%;left:49.5%}.cruza-seguro .answers-box img{position:absolute;width:57px;height:53px;max-width:initial;top:-8px;left:10px}.cruza-seguro .answers-box img.isError{z-index:9}.comportamiento .box{position:relative}.comportamiento .write{width:195px !important;height:125px !important;outline:none;background:transparent;position:absolute;right:10px;top:14%;border:0;border-radius:13px;padding-left:20px;padding-top:10px}.comportamiento .write.one,.comportamiento .write.two{right:initial;left:24%}.comportamiento .write.two,.comportamiento .write.four{top:64%}.comportamiento .write.three{top:17%}.comportamiento .write.three,.comportamiento .write.four{right:6%}.comportamiento .write.three{height:110px !important}.comportamiento-trasporte .three-col-img img{display:inline-block;vertical-align:top;width:39.3%}.comportamiento-trasporte .three-col-img img.last{width:18.8%}.comportamiento-trasporte .box{position:relative}.comportamiento-trasporte .write{width:120px !important;height:190px !important;outline:none;background:transparent;position:absolute;left:0;top:50%;border:0;border-radius:13px;padding-left:20px;padding-top:10px}.comportamiento-trasporte .write.one{left:2%}.comportamiento-trasporte .write.two{left:23%}.comportamiento-trasporte .write.three{left:42%}.comportamiento-trasporte .write.four{left:62.5%;top:54.5%}.comportamiento-trasporte .write.five{left:82%;top:49%}.ubicamos-via .two-col{padding-top:35px}.ubicamos-via .box img,.ubicamos-via .box .box{display:inline-block;vertical-align:top}.ubicamos-via .box img.one{width:61%;margin-top:-13px}.ubicamos-via .box img.two{width:26%}.ubicamos-via .box .box{width:4%;margin-top:10px}.ubicamos-via .box input{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juegos-interactivos/img/nosubicamosenlaviausandocoordenadas/back.png");background-size:100%;background-position:center;width:41px;height:19px;display:block;letter-spacing:12px;padding-left:15px;font-weight:bold;font-size:14px;border:2px solid #fff;text-transform:uppercase}.ubicamos-via .box .item{position:relative;width:130px}.ubicamos-via .box .item img.isError,.ubicamos-via .box .item img.isOk{position:absolute;top:0;right:55px;width:25px}.conductas .box .item{display:inline-block;width:30%;position:relative;margin:0 1.5%;text-align:left}.conductas .box .item img{width:70%}.conductas .box .item img.isError,.conductas .box .item img.isOk{position:absolute;top:0;left:57%;width:60px}.conductas .box .item span{position:absolute;width:80px;height:80px;background:#f7f7f7;text-transform:uppercase;text-align:center;right:0;top:20px;border-radius:50%;font-size:10px;font-weight:bold;font-family:Arial;line-height:80px;cursor:pointer;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.58)}.conductas .box .item span[data-answer="ok"]{top:52%}.conductas .box .item span:hover,.conductas .box .item span.selected{background:#dbdcdc}.crucigrama .row{display:block;text-align:center}.crucigrama .item{display:inline-block;width:27%;vertical-align:middle;position:relative}.crucigrama .item img.isError,.crucigrama .item img.isOk{position:absolute;top:0;right:-4%;width:60px}.crucigrama input{position:absolute;top:38%;left:0;border:0;letter-spacing:13px;padding-left:5px;font-weight:bold;font-family:Arial;text-transform:uppercase;background:transparent;outline:none !important}.peatones .box{position:relative}.peatones .one,.peatones .two{display:inline-block;width:52%;vertical-align:top;position:relative}.peatones .two textarea{position:absolute;width:80%;height:200px;top:30%;left:10%;max-width:310px;height:250px;max-height:250px;padding:25px;background:transparent;outline:none !important;border:0}.peatones .chks{position:absolute;width:30px;height:30px;margin-top:12px}.peatones .chks span{position:absolute;display:block;top:8px;left:11px;border-radius:50%}.peatones .chks input{opacity:0;position:relative;z-index:9}.peatones .chks input,.peatones .chks span{width:30px;height:30px}.peatones .chks input:checked + span{background:#e20613;width:15px;height:15px;position:absolute}.cruzar-calle .content{background:#fff}.cruzar-calle .box{display:inline-block;width:28%;vertical-align:top;position:relative}.cruzar-calle .box h2{text-align:left;margin:20px;line-height:28px}.cruzar-calle .box:first-child{width:70%}.cruzar-calle .box img{width:100%}.cruzar-calle .drop,.cruzar-calle .item{position:absolute;width:59px;height:22px;border-radius:5px}.cruzar-calle .drop .item.ui-draggable.ui-draggable-handle{top:auto;left:auto}.cruzar-calle .drop .item.ui-draggable.ui-draggable-handle img{margin-top:-3px;margin-left:-3px}.cruzar-calle .drop.one-1{top:55.5%;left:29%}.cruzar-calle .drop.one-2{top:58.75%;left:24.3%}.cruzar-calle .drop.two-1{top:55.7%;left:86.75%}.cruzar-calle .drop.three-1{top:83%;left:29%}.cruzar-calle .drop.three-2{top:86.4%;left:24.5%}.cruzar-calle .drop.four-1{top:83%;left:71%}.cruzar-calle .drop.four-2{top:83%;left:86%}.cruzar-calle .item{z-index:2}.cruzar-calle .item img{object-fit:cover;width:66px;max-width:initial}.cruzar-calle .item.one-1,.cruzar-calle .item.one-2{top:66%;left:24%}.cruzar-calle .item.one-2{left:35%}.cruzar-calle .item.two-1,.cruzar-calle .item.two-2{top:66%;left:74%}.cruzar-calle .item.two-2{left:85%}.cruzar-calle .item.three-1,.cruzar-calle .item.three-2{top:95%;left:24%}.cruzar-calle .item.three-2{left:35%}.cruzar-calle .item.four-1,.cruzar-calle .item.four-2{top:95%;left:74%}.cruzar-calle .item.four-2{left:85%}.cruzar-calle .b{position:absolute;width:150px;height:25px}.cruzar-calle .b.one,.cruzar-calle .b.two{top:66%;left:24%}.cruzar-calle .b.two{left:74%}.cruzar-calle .b.three,.cruzar-calle .b.four{top:95%;left:24%}.cruzar-calle .b.four{left:74%}.cruzar-calle .b.ui-droppable .item.ui-draggable{top:auto;left:auto;position:initial;display:inline-block;margin:0 0 0 5px}.cruzar-calle .res{position:absolute;width:50px;height:50px}.cruzar-calle .res .isError,.cruzar-calle .res .isOk{position:absolute;top:0;left:0}.cruzar-calle .res .isError{z-index:9}.cruzar-calle .res.one{top:46%;left:0%}.cruzar-calle .res.two{top:46%;left:51%}.cruzar-calle .res.three{top:75%;left:0%}.cruzar-calle .res.four{top:75%;left:51%}.tipo-transporte .box{position:relative}.tipo-transporte .box img{display:inline-block;vertical-align:top}.tipo-transporte .top-a,.tipo-transporte .bottom-a{position:absolute;background:transparent;margin-left:2.5em;border:0;outline:none}.tipo-transporte .top-a{height:65px !important;width:130px !important;top:43%}.tipo-transporte .bottom-a{width:114px !important;height:124px !important;top:68%}.tipo-transporte .top-a.one{left:0}.tipo-transporte .top-a.two{left:21%}.tipo-transporte .top-a.three{left:42%}.tipo-transporte .top-a.four{left:62%}.tipo-transporte .top-a.five{left:82%}.tipo-transporte .bottom-a.one{left:0}.tipo-transporte .bottom-a.two{left:21%}.tipo-transporte .bottom-a.three{left:42%}.tipo-transporte .bottom-a.four{left:62%}.tipo-transporte .bottom-a.five{left:82%}