body{background:#333;margin:0;padding:0;font-size:16px}audio.principal{width:100%}button{background:grey;border:1px solid grey;color:#fff;border-radius:5px;cursor:pointer;font-size:1.2rem;margin:10px 20px;padding:5px 10px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}button:hover{background:grey;border-color:grey}button.back{background:#005883;border:1px solid #005883}button.back:hover{background:#01496d;border:1px solid #01496d}button.next{background:#f0b429;border:1px solid #f0b429}button.next:hover{background:#d89b0f;border:1px solid #d89b0f}button.primary{background:#007bff;border:1px solid #007bff}button.btn-danger{background:#dc3545;border:#dc3545}button.btn-link{background:0 0;border:0;text-decoration:underline}@keyframes clock_Animation{from{border:7px solid #9393fc;border-radius:50%}to{border:7px solid #353596;border-radius:50%}}.clock{animation-direction:alternate;animation-duration:1.4s;animation-name:clock_Animation;animation-iteration-count:infinite;background:#14143d;border:7px solid #9393fc;border-radius:50%;color:#fff;display:none;font-size:1.2rem;padding:30px 0;position:fixed;top:90px;right:10px;text-align:center;width:80px;z-index:1000}.clock.show{display:block}.containerPrincipal{background:rgba(51,51,51,1);margin:0;min-height:100%;transition:.4s}.containerPrincipal.show{margin:0 0 0 280px}div.calificacion{background:rgba(51,51,51,.781);max-width:500px;padding:20px;border-radius:3px;border:1px solid #fff;margin:0 auto 20px auto}div.fondo-general{background-color:#c7d5de;background-image:url(../images/fondo-aplicacion.png);background-size:100% auto;background-repeat:no-repeat;padding:20px;overflow:hidden;margin:20px auto 0 auto;max-width:1000px}div.fondo-general h1{background:rgba(255,255,255,.815);color:#298472;text-align:center;padding:10px 0}form.form-general .form-group{border-radius:3px;padding:10px}form.form-general .form-radio{transition:.4s}form.form-general .form-radio:hover{background:#007bff;color:#fff}form.form-general .form-radio label{cursor:pointer}form.form-calificacion select{background:#50b748;color:#fff;display:block;font-size:20px;padding:20px;margin:0 auto;text-align:center}form.form-calificacion label{font-size:1.2rem}.go-back-results{background:rgba(0,0,0,.849);border:1px solid #383838;border-radius:3px;position:fixed;top:-1000px;margin:0 auto;padding:20px;z-index:1000;transition:.4s}.go-back-results.show{top:70px}#go-menu-link{padding:20px;position:fixed;top:-200px;left:100px;z-index:9997;background-color:#f5f5f5;transition:.4s}#go-menu-link.show{top:0}header.principal{background:rgba(51,51,51,1);padding:0;position:fixed;min-height:45px;width:100%;z-index:9998;-webkit-box-shadow:-1px 9px 11px -4px rgba(0,0,0,.75);-moz-box-shadow:-1px 9px 11px -4px rgba(0,0,0,.75);box-shadow:-1px 9px 11px -4px rgba(0,0,0,.75)}header.principal strong{color:#b1b1b1;display:block;float:left;padding:15px 0 0 30px;text-align:center}.imagePrincipal{width:100%}main.content{background:#ccc;margin:0 30px 30px 30px;padding:55px 0 20px 0}main.content .alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}main.content .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}main.content h1{font-size:20px;max-width:1000px;display:block;width:100%;max-width:1000px;margin:20px auto}main.content h2{font-size:18px;max-width:1000px;display:block;width:100%;max-width:1000px;margin:10px auto}main.content img.principal{display:block;width:100%;max-width:1000px;margin:10px auto}main.content.video{background:rgba(51,51,51,1);color:#fff}.menuBoton{cursor:pointer;float:left;height:18px;padding:15px 0 15px 15px;width:18px}.menuBoton div{background:#fff;margin-left:10%;margin-top:13%;height:15%;width:80%}.menuBotonText{color:#fff;display:block;float:left;padding:15px 15px 15px 0;text-decoration:none}.menuPrincipal{background:rgba(27,27,27,1);left:-300px;height:100%;padding:0;overflow:auto;position:fixed;top:0;width:280px;-webkit-box-shadow:inset -10px -2px 14px 0 rgba(0,0,0,.75);-moz-box-shadow:inset -10px -2px 14px 0 rgba(0,0,0,.75);box-shadow:inset -10px -2px 14px 0 rgba(0,0,0,.75);transition:.4s}.menuPrincipal.show{left:0}.menuPrincipal .closeMenu{background:#333;bottom:0;color:#fff;cursor:pointer;left:-280px;height:20px;padding:10px 0 10px 10px;position:fixed;transition:.4s;width:270px}.menuPrincipal .closeMenu strong{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24;display:block;padding:10px 0;position:absolute;bottom:0;right:0;height:20px;text-align:center;width:40px}.menuPrincipal.show .closeMenu{left:0}.menuPrincipal .headerMenu{background:rgba(27,27,27,1);left:-280px;position:fixed;top:0;z-index:9998;-webkit-box-shadow:inset -10px -2px 14px 0 rgba(0,0,0,.75);-moz-box-shadow:inset -10px -2px 14px 0 rgba(0,0,0,.75);box-shadow:inset -10px -2px 14px 0 rgba(0,0,0,.75);transition:.4s}.menuPrincipal.show .headerMenu{left:0}.menuPrincipal img.logoUNAD{width:280px}.menuPrincipal nav{margin:200px 0 100px 0}.menuPrincipal nav ul{list-style:none;margin:0;padding:0}.menuPrincipal nav ul a{color:#fff;display:block;padding:10px 10px 10px 50px;text-decoration:none;transition:.6s}.menuPrincipal nav ul a.volver{background:#d89b0f}.menuPrincipal nav>ul>li>a{background:transparent url(../images/flechas.png) no-repeat top -36px left 6px;background-size:10px 70px;padding:20px}.menuPrincipal nav>ul>li>a:hover{background:#494949 url(../images/flechas.png) no-repeat top -36px left 6px;background-size:10px 70px;padding:20px}.menuPrincipal nav>ul>li.hide>a{background:transparent url(../images/flechas.png) no-repeat top 23px left 6px;background-size:10px 70px}.menuPrincipal nav ul a.selected{background:#b3b3b3;color:#333}.menuPrincipal nav ul a.selected:hover{background:grey;color:#333}.menuPrincipal nav ul a:hover{background:grey}.menuPrincipal::-webkit-scrollbar{width:8px;height:8px}.menuPrincipal::-webkit-scrollbar-thumb{background:grey;border-radius:4px}.menuPrincipal::-webkit-scrollbar-thumb:hover{background:#919191;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.menuPrincipal strong.titleMenu{background:#282828;color:#fff;display:block;padding:10px;border-top:1px solid #313131;border-bottom:1px solid #313131}.menuProtector{background:rgba(0,0,0,.8);display:none;height:100%;left:280px;position:fixed;top:0;width:100%;z-index:9998}.panel-buttons{text-align:center}section select{background:rgba(51,51,51,1);border-radius:3px;color:#fff;font-size:1rem}section p{margin:0 0 15px 0}section.text-principal{background:#c7c7c7;color:#000;border-radius:5px;font-size:1.2rem;margin:0 auto 20px auto;max-width:600px;padding:20px 30px}section.text-ask{background:#fff;color:#000;border-radius:3px;font-size:1.2rem;margin:0 auto 20px auto;max-width:940px;padding:20px 30px}section.text-ask .alert-background{background:rgba(0,0,0,0);left:0;position:fixed;height:100%;top:-100%;width:100%;z-index:9999;transition:.1s}section.text-ask .alert-background.show{background:rgba(0,0,0,.8);top:0}section.text-ask .alert-background .alert-answer{background:#007bff;color:#fff;padding:30px;margin:30px auto;max-width:600px;overflow:hidden}section.text-ask .alert-background .alert-answer img{float:left;margin:0 30px 10px 0;max-height:200px;max-width:200px;display:none}section.text-ask .alert-background .alert-answer img.show{display:block}section.text-ask .alert-background .alert-row{display:table-cell;vertical-align:middle}section.text-ask .alert-background .alert-row button{margin:10px 20px 10px 20%;border:1px solid #fff}section.text-ask .alert-background .alert-row:last-child{width:100%}section.text-ask div.images-to-select{border:2px solid #333;margin:30px 0 0 0;padding:10px}section.special-images div.columns-2{overflow:hidden}section.special-images div.images-to-select{border:2px solid #333;margin:30px 1% 0 1%;padding:10px 1%;display:block;float:left;width:45%}section.special-images div.images-to-select h3{min-height:60px}section.special-images div.images-to-select span{min-height:150px;display:block}section.text-ask div.images-to-select img{width:100%}section.text-ask div.images-to-select select{width:100%}section.text-ask p.p-blue{color:#4b49bd;overflow:hidden}section.text-ask p.p-vertical-align{display:table-row;padding:20px}section.text-ask p.p-vertical-align span{display:table-cell;vertical-align:middle;padding:0 10px 30px 10px}section.text-ask p.p-vertical-align strong.letter{background:#50b748;color:#fff;display:inline-block;padding:20px;min-width:40px;text-align:center}section.videoDescription{background:#f0f0f0;color:#333;border-radius:5px;overflow:hidden;font-size:1.2rem;padding:10px;margin:0 auto 20px auto;height:0;opacity:0;width:0;max-width:980px;transition:.4s;-webkit-box-shadow:inset 0 4px 15px 0 rgba(0,0,0,.75);-moz-box-shadow:inset 0 4px 15px 0 rgba(0,0,0,.75);box-shadow:inset 0 4px 15px 0 rgba(0,0,0,.75)}section.videoDescription.show{opacity:1;display:block;height:auto;width:95%;transition:.4s}section.videoDescription h2{color:#494949;font-size:1rem}.slider{-webkit-appearance:none;appearance:none;width:100%;height:25px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;margin:30px 0}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;background:#3f4ab1;border:5px solid #fff;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{width:40px;height:40px;background:#50b748;border-radius:50%;cursor:pointer}.table-container{overflow:auto}table.table-general{margin:20px auto}table.table-general td,table.table-general th{border:1px solid #333;padding:10px;text-align:center}table.table-general-black a{color:#fff}video.principal{display:block;width:100%;max-width:1000px;margin:0 auto}video::-internal-media-controls-download-button{display:none}video::-webkit-media-controls-enclosure{overflow:hidden}video::-webkit-media-controls-panel{width:calc(100% + 18px)}@media screen and (max-width:750px){section.special-images div.images-to-select{display:block;width:auto}}@media screen and (max-width:700px){main.content{margin:0 10px 30px 10px;overflow:hidden}.menuProtector.show{display:block}section.text-ask .alert-background .alert-answer img{max-height:100px;max-width:100px}}@media screen and (max-height:300px){.menuPrincipal nav{margin:100px 0 100px 0}.menuPrincipal.show .headerMenu{top:-114px}}