Ciesman Full Prueba Part2
Ciesman Full Prueba Part2
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta name="viewport" content="width=device-width, initial-scale=1">
5
6 <link rel="shortcut icon" href="http://www.psicotestevalua.com/assets/img/favicon_web.ico" />
7
8 <title>Centro de Evaluaciones en Línea</title>
9 <!-- Latest compiled and minified CSS -->
10 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
11
12 <!-- jQuery library -->
13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
14
15 <!-- Latest compiled JavaScript -->
16 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
17 <style type="text/css">
18 body{
19 margin-top: 40px;
20 }
21 * {
22 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
23 font-size: 14px;
24 text-align:justify;
25 }
26 .cacter_form{
27 background-color: #F7F6F6;
28 padding-top: 20px;
29 padding-bottom: 20px;
30 }
31
32 .pointer {
33 cursor: pointer;
34 }
35
36 .padding0
37 {
38 padding-left:15px
39 }
40
41 .header{
42
43 height: 119px
44
45 }
46
47
48 .img-2{
49
50 max-width: 150px;
51 }
52
53
54
55 </style>
56 <link rel="stylesheet" type="text/css" media="screen" href="http://www.psicotestevalua.com/assets/evaluaciones/new_style.css" />
57 <link rel="stylesheet" type="text/css" media="screen" href="http://www.psicotestevalua.com/assets/evaluaciones/new_style2.css" />
58 <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>!-->
59
60 <style type="text/css">
61 .cont_gen .header{
62
63 height: 119px
64
65 }
66
67 .cont_gen .header img{
68 margin: 12px;
69
70 }
71
72 .info{
73 padding-top:10px;
74 padding-right:20px;
75 }
76
77 .img-logo{
78 max-width: 150px;
79 height: 100px;
80
81 }
82 .log{
83 padding-left:1px;
84 //padding-top:15px;
85 }
86
87
88 </style>
89
90
91 <body>
92
93
94 <div class="cont_gen">
95 <div class="header">
96
97
98
99
100 <table width="960">
101 <tr>
102 <td width="200">
103
104
105 <br>
106 <img src="http://www.psicotestevalua.com/assets/img/ui/img/logo_psicotest_psicotest_evalua.svg?v=1.0.0">
107
108
109 </td>
110 <td>
111
112
113
114
115
116 </td>
117
118
119
120 <td>
121
122
123
124 <div class="info">
125 <label>FARMACIAS DEL MAYAB S.A DE C.V.</label>
126 <div class="clear"></div>
127 <a href="http://www.psicotestevalua.com/evaluaciones/home_ini/logout" >Salir</a>
128 </div>
129
130
131
132
133
134
135
136
137 </td>
138 </tr>
139 </table>
140
141
142
143
144
145
146
147 </div>
148
149
150
151
152
153
154
155
156 <div class="conten">
157
158
159
160 <!-- Global site tag (gtag.js) - Google Analytics -->
161 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-52958405-8"></script>
162 <script>
163 window.dataLayer = window.dataLayer || [];
164 function gtag(){dataLayer.push(arguments);}
165 gtag('js', new Date());
166
167 gtag('config', 'UA-52958405-8');
168 </script>
169 <link rel="stylesheet" type="text/css" href="http://www.psicotestevalua.com/assets/cacter/cac_full_prueba.css"/>
170 <script src="http://www.psicotestevalua.com/assets/img/ui/js/tiempo.js"></script>
171 <script src="http://www.psicotestevalua.com/assets/ciesman/cie_full_prueba2.js"></script>
172 <div class='row'>
173 <div class="col-md-12" style="display: none;">
174 <h4>Avance</h4>
175 <div class="stepwizard">
176 <div class="stepwizard-row setup-panel">
177 <div class="stepwizard-step">
178 <a href="#step-1" type="button" class="btn btn-primary btn-circle" style="pointer-events: none;">1</a>
179 <!-- <p>Step 1</p> -->
180 </div>
181 <div class="stepwizard-step">
182 <a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">2</a>
183 <!-- <p>Step 2</p> -->
184 </div>
185 <div class="stepwizard-step">
186 <a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">3</a>
187 <!-- <p>Step 3</p> -->
188 </div>
189 <div class="stepwizard-step">
190 <a href="#step-4" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">4</a>
191 <!-- <p>Step 4</p> -->
192 </div>
193 <div class="stepwizard-step">
194 <a href="#step-5" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">5</a>
195 <!-- <p>Step 5</p> -->
196 </div>
197 <div class="stepwizard-step">
198 <a href="#step-6" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">6</a>
199 <!-- <p>Step 6</p> -->
200 </div>
201 <div class="stepwizard-step">
202 <a href="#step-7" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">7</a>
203 <!-- <p>Step 7</p> -->
204 </div>
205 <div class="stepwizard-step">
206 <a href="#step-8" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">8</a>
207 <!-- <p>Step 8</p> -->
208 </div>
209 <div class="stepwizard-step">
210 <a href="#step-9" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">9</a>
211 <!-- <p>Step 9</p> -->
212 </div>
213 <div class="stepwizard-step">
214 <a href="#step-10" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">10</a>
215 <!-- <p>Step 10</p> -->
216 </div>
217 <div class="stepwizard-step">
218 <a href="#step-11" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">11</a>
219 <!-- <p>Step 11</p> -->
220 </div>
221 </div>
222 </div>
223 </div>
224 <div class="col-md-2" style="margin-top: 30px;">
225 <strong>Avance</strong>
226 </div>
227 <div class="col-md-8" style="margin-top: 30px;">
228 <style type="text/css">
229 #myProgress {
230 width: 100%;
231 background-color: #F7F6F6;
232 }
233 #myBar {
234 width: 0%;
235 height: 30px;
236 background-color: rgb(90,174,236);
237 text-align: center; /* To center it horizontally (if you want) */
238 line-height: 30px; /* To center it vertically */
239 color: black;
240 }
241 </style>
242 <div id="myProgress">
243 <div id="myBar">0%</div>
244 </div>
245 </div>
246
247 <div class='col-md-2' style="text-align:center;">
248 <br />
249 Tiempo restante
250 <div id="countdownExample" >
251
252 <div class="values" style="text-align:center;"></div>
253
254 </div>
255 </div>
256 </div>
257 <link rel="stylesheet" type="text/css" href="http://www.psicotestevalua.com/assets/ciesman/cie_prueba_practica.css"/>
258 <div class="row">
259 <div class="col-md-12">
260 <div class="instrucciones_ciesman_demo">
261 <h3>Indicaciones</h3>
262 <p class="instrucciones">Selecciona la respuesta correcta del siguiente grupo de opciones.</p>
263 </div>
264 </div>
265 </div>
266 <div class="">
267 <div class="row">
268 <div class="alert alert-warning col-md-12 error_radio" style="display:none;">
269 <strong>¡Atención!</strong> Necesita seleccionar una opción.
270 </div>
271
272 </div>
273 <style type="text/css">
274 .opt_style{
275 margin-bottom: 5px;
276 background: #fff;
277 border: 1px solid #e2e2e2;
278 cursor: pointer;
279 }
280 .opt_style:hover{
281 background: #d9d9d9;
282 }
283
284 </style>
285 <form action="http://www.psicotestevalua.com/ciesman/cie_full_prueba/savepart2" method="post" id="ciesman" class='cacter_form'>
286
287 <input type="hidden" value="3981986" name="cand" />
288 <input type="hidden" value="11" name="total_preguntas" />
289 <div class="row setup-content" id="step-1">
290 <div class="col-xs-12">
291 <div class="col-md-8 col-md-offset-2">
292 <div class="row" >
293 <div class="col-md-12" style="text-align: center;">
294
295 <strong> “Al que quiera azul celeste que le cueste” se refiere a:</strong>
296 </div>
297 </div>
298 <br />
299
300 <div class="row opt_style seleccion1">
301 <div class="col-md-2 col-md-offset-1">
302 <input name="opt_0" id="1" type="radio" value="3" />
303 </div>
304 <div class="col-md-6" style="margin-top: 10px;">
305 Que si quieres algo debes esforzarte </div>
306 </div>
307
308 <div class="row opt_style seleccion1">
309 <div class="col-md-2 col-md-offset-1">
310 <input name="opt_0" id="2" type="radio" value="2" />
311 </div>
312 <div class="col-md-6" style="margin-top: 10px;">
313 El costo de la pintura azul se incrementa </div>
314 </div>
315
316 <div class="row opt_style seleccion1">
317 <div class="col-md-2 col-md-offset-1">
318 <input name="opt_0" id="3" type="radio" value="1" />
319 </div>
320 <div class="col-md-6" style="margin-top: 10px;">
321 Que tienes que combinar azul y blanco </div>
322 </div>
323
324 <div class="row opt_style seleccion1">
325 <div class="col-md-2 col-md-offset-1">
326 <input name="opt_0" id="4" type="radio" value="0" />
327 </div>
328 <div class="col-md-6" style="margin-top: 10px;">
329 No sé la respuesta
330 </div>
331 </div>
332 <input name="pregunta_0" type="hidden" value="19" />
333 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='1' type="button">Siguiente</button>!-->
334 <button class="btn btn-primary nextBtn btn-lg " id='1' style="margin-left:430px" type="button">Siguiente</button>
335 </div>
336 </div>
337 </div>
338 <div class="row setup-content" id="step-2">
339 <div class="col-xs-12">
340 <div class="col-md-8 col-md-offset-2">
341 <div class="row" >
342 <div class="col-md-12" style="text-align: center;">
343
344 <strong> La rodilla puede hacer movimientos de flexión y extensión porque:</strong>
345 </div>
346 </div>
347 <br />
348
349 <div class="row opt_style seleccion1">
350 <div class="col-md-2 col-md-offset-1">
351 <input name="opt_1" id="5" type="radio" value="3" />
352 </div>
353 <div class="col-md-6" style="margin-top: 10px;">
354 Los ligamentos le dan estabilidad </div>
355 </div>
356
357 <div class="row opt_style seleccion1">
358 <div class="col-md-2 col-md-offset-1">
359 <input name="opt_1" id="6" type="radio" value="2" />
360 </div>
361 <div class="col-md-6" style="margin-top: 10px;">
362 Es la articulación más grande del cuerpo humano </div>
363 </div>
364
365 <div class="row opt_style seleccion1">
366 <div class="col-md-2 col-md-offset-1">
367 <input name="opt_1" id="7" type="radio" value="1" />
368 </div>
369 <div class="col-md-6" style="margin-top: 10px;">
370 La articulación tibiofemoral permite esos movimientos </div>
371 </div>
372
373 <div class="row opt_style seleccion1">
374 <div class="col-md-2 col-md-offset-1">
375 <input name="opt_1" id="8" type="radio" value="0" />
376 </div>
377 <div class="col-md-6" style="margin-top: 10px;">
378 No sé la respuesta
379 </div>
380 </div>
381 <input name="pregunta_1" type="hidden" value="25" />
382 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='2' type="button">Siguiente</button>!-->
383 <button class="btn btn-primary nextBtn btn-lg " id='2' style="margin-left:430px" type="button">Siguiente</button>
384 </div>
385 </div>
386 </div>
387 <div class="row setup-content" id="step-3">
388 <div class="col-xs-12">
389 <div class="col-md-8 col-md-offset-2">
390 <div class="row" >
391 <div class="col-md-12" style="text-align: center;">
392
393 <strong> Si no existiera la gravedad:</strong>
394 </div>
395 </div>
396 <br />
397
398 <div class="row opt_style seleccion1">
399 <div class="col-md-2 col-md-offset-1">
400 <input name="opt_2" id="9" type="radio" value="2" />
401 </div>
402 <div class="col-md-6" style="margin-top: 10px;">
403 Los objetos estarían en reposo </div>
404 </div>
405
406 <div class="row opt_style seleccion1">
407 <div class="col-md-2 col-md-offset-1">
408 <input name="opt_2" id="10" type="radio" value="1" />
409 </div>
410 <div class="col-md-6" style="margin-top: 10px;">
411 Todos los objetos flotarían </div>
412 </div>
413
414 <div class="row opt_style seleccion1">
415 <div class="col-md-2 col-md-offset-1">
416 <input name="opt_2" id="11" type="radio" value="3" />
417 </div>
418 <div class="col-md-6" style="margin-top: 10px;">
419 El peso de los objetos se incrementaría </div>
420 </div>
421
422 <div class="row opt_style seleccion1">
423 <div class="col-md-2 col-md-offset-1">
424 <input name="opt_2" id="12" type="radio" value="0" />
425 </div>
426 <div class="col-md-6" style="margin-top: 10px;">
427 No sé la respuesta
428 </div>
429 </div>
430 <input name="pregunta_2" type="hidden" value="16" />
431 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='3' type="button">Siguiente</button>!-->
432 <button class="btn btn-primary nextBtn btn-lg " id='3' style="margin-left:430px" type="button">Siguiente</button>
433 </div>
434 </div>
435 </div>
436 <div class="row setup-content" id="step-4">
437 <div class="col-xs-12">
438 <div class="col-md-8 col-md-offset-2">
439 <div class="row" >
440 <div class="col-md-12" style="text-align: center;">
441
442 <strong> “Quién mucho abarca, poco aprieta” se refiere a:</strong>
443 </div>
444 </div>
445 <br />
446
447 <div class="row opt_style seleccion1">
448 <div class="col-md-2 col-md-offset-1">
449 <input name="opt_3" id="13" type="radio" value="2" />
450 </div>
451 <div class="col-md-6" style="margin-top: 10px;">
452 Que es mejor hacer una cosa y bien, en vez de muchas mal </div>
453 </div>
454
455 <div class="row opt_style seleccion1">
456 <div class="col-md-2 col-md-offset-1">
457 <input name="opt_3" id="14" type="radio" value="1" />
458 </div>
459 <div class="col-md-6" style="margin-top: 10px;">
460 Que se puede ser muy grande pero no tener fuerza </div>
461 </div>
462
463 <div class="row opt_style seleccion1">
464 <div class="col-md-2 col-md-offset-1">
465 <input name="opt_3" id="15" type="radio" value="3" />
466 </div>
467 <div class="col-md-6" style="margin-top: 10px;">
468 Que las barcas no aprietan </div>
469 </div>
470
471 <div class="row opt_style seleccion1">
472 <div class="col-md-2 col-md-offset-1">
473 <input name="opt_3" id="16" type="radio" value="0" />
474 </div>
475 <div class="col-md-6" style="margin-top: 10px;">
476 No sé la respuesta
477 </div>
478 </div>
479 <input name="pregunta_3" type="hidden" value="22" />
480 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='4' type="button">Siguiente</button>!-->
481 <button class="btn btn-primary nextBtn btn-lg " id='4' style="margin-left:430px" type="button">Siguiente</button>
482 </div>
483 </div>
484 </div>
485 <div class="row setup-content" id="step-5">
486 <div class="col-xs-12">
487 <div class="col-md-8 col-md-offset-2">
488 <div class="row" >
489 <div class="col-md-12" style="text-align: center;">
490
491 <strong> “El león no es como lo pintan” se refiere a:</strong>
492 </div>
493 </div>
494 <br />
495
496 <div class="row opt_style seleccion1">
497 <div class="col-md-2 col-md-offset-1">
498 <input name="opt_4" id="17" type="radio" value="1" />
499 </div>
500 <div class="col-md-6" style="margin-top: 10px;">
501 Solo los grandes artistas pintan a los leones como son </div>
502 </div>
503
504 <div class="row opt_style seleccion1">
505 <div class="col-md-2 col-md-offset-1">
506 <input name="opt_4" id="18" type="radio" value="3" />
507 </div>
508 <div class="col-md-6" style="margin-top: 10px;">
509 No hay que dejarse llevar por las apariencias </div>
510 </div>
511
512 <div class="row opt_style seleccion1">
513 <div class="col-md-2 col-md-offset-1">
514 <input name="opt_4" id="19" type="radio" value="2" />
515 </div>
516 <div class="col-md-6" style="margin-top: 10px;">
517 Los niños pintan leones de diversos colores </div>
518 </div>
519
520 <div class="row opt_style seleccion1">
521 <div class="col-md-2 col-md-offset-1">
522 <input name="opt_4" id="20" type="radio" value="0" />
523 </div>
524 <div class="col-md-6" style="margin-top: 10px;">
525 No sé la respuesta
526 </div>
527 </div>
528 <input name="pregunta_4" type="hidden" value="26" />
529 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='5' type="button">Siguiente</button>!-->
530 <button class="btn btn-primary nextBtn btn-lg " id='5' style="margin-left:430px" type="button">Siguiente</button>
531 </div>
532 </div>
533 </div>
534 <div class="row setup-content" id="step-6">
535 <div class="col-xs-12">
536 <div class="col-md-8 col-md-offset-2">
537 <div class="row" >
538 <div class="col-md-12" style="text-align: center;">
539
540 <strong> Las llantas son hechas de caucho porque:</strong>
541 </div>
542 </div>
543 <br />
544
545 <div class="row opt_style seleccion1">
546 <div class="col-md-2 col-md-offset-1">
547 <input name="opt_5" id="21" type="radio" value="3" />
548 </div>
549 <div class="col-md-6" style="margin-top: 10px;">
550 Permite la adecuada adherencia al pavimento </div>
551 </div>
552
553 <div class="row opt_style seleccion1">
554 <div class="col-md-2 col-md-offset-1">
555 <input name="opt_5" id="22" type="radio" value="2" />
556 </div>
557 <div class="col-md-6" style="margin-top: 10px;">
558 Le dan el color negro que se requiere </div>
559 </div>
560
561 <div class="row opt_style seleccion1">
562 <div class="col-md-2 col-md-offset-1">
563 <input name="opt_5" id="23" type="radio" value="1" />
564 </div>
565 <div class="col-md-6" style="margin-top: 10px;">
566 Es muy resistente a la fricción </div>
567 </div>
568
569 <div class="row opt_style seleccion1">
570 <div class="col-md-2 col-md-offset-1">
571 <input name="opt_5" id="24" type="radio" value="0" />
572 </div>
573 <div class="col-md-6" style="margin-top: 10px;">
574 No sé la respuesta
575 </div>
576 </div>
577 <input name="pregunta_5" type="hidden" value="17" />
578 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='6' type="button">Siguiente</button>!-->
579 <button class="btn btn-primary nextBtn btn-lg " id='6' style="margin-left:430px" type="button">Siguiente</button>
580 </div>
581 </div>
582 </div>
583 <div class="row setup-content" id="step-7">
584 <div class="col-xs-12">
585 <div class="col-md-8 col-md-offset-2">
586 <div class="row" >
587 <div class="col-md-12" style="text-align: center;">
588
589 <strong> Los globos aerostáticos vuelan porque:</strong>
590 </div>
591 </div>
592 <br />
593
594 <div class="row opt_style seleccion1">
595 <div class="col-md-2 col-md-offset-1">
596 <input name="opt_6" id="25" type="radio" value="3" />
597 </div>
598 <div class="col-md-6" style="margin-top: 10px;">
599 El aire caliente sube cuando está rodeado de aire frío </div>
600 </div>
601
602 <div class="row opt_style seleccion1">
603 <div class="col-md-2 col-md-offset-1">
604 <input name="opt_6" id="26" type="radio" value="2" />
605 </div>
606 <div class="col-md-6" style="margin-top: 10px;">
607 Tienen muy poco peso que elevar </div>
608 </div>
609
610 <div class="row opt_style seleccion1">
611 <div class="col-md-2 col-md-offset-1">
612 <input name="opt_6" id="27" type="radio" value="1" />
613 </div>
614 <div class="col-md-6" style="margin-top: 10px;">
615 Le ponen suficiente helio para que se eleve </div>
616 </div>
617
618 <div class="row opt_style seleccion1">
619 <div class="col-md-2 col-md-offset-1">
620 <input name="opt_6" id="28" type="radio" value="0" />
621 </div>
622 <div class="col-md-6" style="margin-top: 10px;">
623 No sé la respuesta
624 </div>
625 </div>
626 <input name="pregunta_6" type="hidden" value="24" />
627 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='7' type="button">Siguiente</button>!-->
628 <button class="btn btn-primary nextBtn btn-lg " id='7' style="margin-left:430px" type="button">Siguiente</button>
629 </div>
630 </div>
631 </div>
632 <div class="row setup-content" id="step-8">
633 <div class="col-xs-12">
634 <div class="col-md-8 col-md-offset-2">
635 <div class="row" >
636 <div class="col-md-12" style="text-align: center;">
637
638 <strong> “Candil de la calle, oscuridad de su casa” se refiere a:</strong>
639 </div>
640 </div>
641 <br />
642
643 <div class="row opt_style seleccion1">
644 <div class="col-md-2 col-md-offset-1">
645 <input name="opt_7" id="29" type="radio" value="3" />
646 </div>
647 <div class="col-md-6" style="margin-top: 10px;">
648 Ayuda a la sociedad y amigos, pero no se preocupa por su familia </div>
649 </div>
650
651 <div class="row opt_style seleccion1">
652 <div class="col-md-2 col-md-offset-1">
653 <input name="opt_7" id="30" type="radio" value="1" />
654 </div>
655 <div class="col-md-6" style="margin-top: 10px;">
656 Los candiles decoran las calles de la ciudad </div>
657 </div>
658
659 <div class="row opt_style seleccion1">
660 <div class="col-md-2 col-md-offset-1">
661 <input name="opt_7" id="31" type="radio" value="2" />
662 </div>
663 <div class="col-md-6" style="margin-top: 10px;">
664 La luz mercurial solo sirve para las calles, pero no en casas </div>
665 </div>
666
667 <div class="row opt_style seleccion1">
668 <div class="col-md-2 col-md-offset-1">
669 <input name="opt_7" id="32" type="radio" value="0" />
670 </div>
671 <div class="col-md-6" style="margin-top: 10px;">
672 No sé la respuesta
673 </div>
674 </div>
675 <input name="pregunta_7" type="hidden" value="23" />
676 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='8' type="button">Siguiente</button>!-->
677 <button class="btn btn-primary nextBtn btn-lg " id='8' style="margin-left:430px" type="button">Siguiente</button>
678 </div>
679 </div>
680 </div>
681 <div class="row setup-content" id="step-9">
682 <div class="col-xs-12">
683 <div class="col-md-8 col-md-offset-2">
684 <div class="row" >
685 <div class="col-md-12" style="text-align: center;">
686
687 <strong> Los semáforos regulan el tráfico porque:</strong>
688 </div>
689 </div>
690 <br />
691
692 <div class="row opt_style seleccion1">
693 <div class="col-md-2 col-md-offset-1">
694 <input name="opt_8" id="33" type="radio" value="2" />
695 </div>
696 <div class="col-md-6" style="margin-top: 10px;">
697 Se necesita un orden social para conducir </div>
698 </div>
699
700 <div class="row opt_style seleccion1">
701 <div class="col-md-2 col-md-offset-1">
702 <input name="opt_8" id="34" type="radio" value="3" />
703 </div>
704 <div class="col-md-6" style="margin-top: 10px;">
705 Los peatones necesitan cruzar las calles </div>
706 </div>
707
708 <div class="row opt_style seleccion1">
709 <div class="col-md-2 col-md-offset-1">
710 <input name="opt_8" id="35" type="radio" value="1" />
711 </div>
712 <div class="col-md-6" style="margin-top: 10px;">
713 Los carros deben pararse constantemente </div>
714 </div>
715
716 <div class="row opt_style seleccion1">
717 <div class="col-md-2 col-md-offset-1">
718 <input name="opt_8" id="36" type="radio" value="0" />
719 </div>
720 <div class="col-md-6" style="margin-top: 10px;">
721 No sé la respuesta
722 </div>
723 </div>
724 <input name="pregunta_8" type="hidden" value="18" />
725 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='9' type="button">Siguiente</button>!-->
726 <button class="btn btn-primary nextBtn btn-lg " id='9' style="margin-left:430px" type="button">Siguiente</button>
727 </div>
728 </div>
729 </div>
730 <div class="row setup-content" id="step-10">
731 <div class="col-xs-12">
732 <div class="col-md-8 col-md-offset-2">
733 <div class="row" >
734 <div class="col-md-12" style="text-align: center;">
735
736 <strong> “En boca cerrada, no entran moscas” se refiere a:</strong>
737 </div>
738 </div>
739 <br />
740
741 <div class="row opt_style seleccion1">
742 <div class="col-md-2 col-md-offset-1">
743 <input name="opt_9" id="37" type="radio" value="2" />
744 </div>
745 <div class="col-md-6" style="margin-top: 10px;">
746 Es preferible callar y no andar en chismes </div>
747 </div>
748
749 <div class="row opt_style seleccion1">
750 <div class="col-md-2 col-md-offset-1">
751 <input name="opt_9" id="38" type="radio" value="1" />
752 </div>
753 <div class="col-md-6" style="margin-top: 10px;">
754 Hay que tener cuidado de las moscas </div>
755 </div>
756
757 <div class="row opt_style seleccion1">
758 <div class="col-md-2 col-md-offset-1">
759 <input name="opt_9" id="39" type="radio" value="3" />
760 </div>
761 <div class="col-md-6" style="margin-top: 10px;">
762 La boca es un lugar muy sucio </div>
763 </div>
764
765 <div class="row opt_style seleccion1">
766 <div class="col-md-2 col-md-offset-1">
767 <input name="opt_9" id="40" type="radio" value="0" />
768 </div>
769 <div class="col-md-6" style="margin-top: 10px;">
770 No sé la respuesta
771 </div>
772 </div>
773 <input name="pregunta_9" type="hidden" value="21" />
774 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='10' type="button">Siguiente</button>!-->
775 <button class="btn btn-primary nextBtn btn-lg " id='10' style="margin-left:430px" type="button">Siguiente</button>
776 </div>
777 </div>
778 </div>
779 <div class="row setup-content" id="step-11">
780 <div class="col-xs-12">
781 <div class="col-md-8 col-md-offset-2">
782 <div class="row" >
783 <div class="col-md-12" style="text-align: center;">
784
785 <strong> “A palabras necias, oídos sordos” se refiere a:</strong>
786 </div>
787 </div>
788 <br />
789
790 <div class="row opt_style seleccion1">
791 <div class="col-md-2 col-md-offset-1">
792 <input name="opt_10" id="41" type="radio" value="2" />
793 </div>
794 <div class="col-md-6" style="margin-top: 10px;">
795 Las palabras a veces resultan molestas </div>
796 </div>
797
798 <div class="row opt_style seleccion1">
799 <div class="col-md-2 col-md-offset-1">
800 <input name="opt_10" id="42" type="radio" value="1" />
801 </div>
802 <div class="col-md-6" style="margin-top: 10px;">
803 Los sordos son más felices </div>
804 </div>
805
806 <div class="row opt_style seleccion1">
807 <div class="col-md-2 col-md-offset-1">
808 <input name="opt_10" id="43" type="radio" value="3" />
809 </div>
810 <div class="col-md-6" style="margin-top: 10px;">
811 No hay que hacer caso a quien habla sin razón </div>
812 </div>
813
814 <div class="row opt_style seleccion1">
815 <div class="col-md-2 col-md-offset-1">
816 <input name="opt_10" id="44" type="radio" value="0" />
817 </div>
818 <div class="col-md-6" style="margin-top: 10px;">
819 No sé la respuesta
820 </div>
821 </div>
822 <input name="pregunta_10" type="hidden" value="20" />
823 <!--<button class="btn btn-success btn-lg pull-right finalizar" id='11' type="submit" style="background-color
824 <button class="btn btn-primary btn-lg finalizar" id='11' type="submit" style="margin-left:430px">Finalizar</button>
825 </div>
826 </div>
827 </div>
828 </form>
829 </div>
830 <script type="text/javascript">
831 $(function(){
832 $(".seleccion1").on('click',(function(event) {
833 /* Act on the event */
834 $(this).find('input:radio').prop("checked", true);
835 }));
836 })
837 </script>
838 </body>
839 </html>