@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap');

html,body{width:100%;height:100%;margin:0;padding:0;background:#e4e7ed;}
body,button,input,select,textarea{font-family:'Roboto',sans-serif;font-size:14px;color:#000;font-weight:400;}
a{color:#003862;}
a.hover{color:#005ec3;}
b,strong{font-family:'Roboto Slab',sans-serif;font-weight:700;color:#003862;}
textarea{resize:none;}
iframe{border:0 none;}
h4{font-size:20px;}

body>div{background:#fff;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
.modal-header{background:#fff;border:0 none;}
.modal-body{font-size:18px;}
.modal-footer{border:0 none;}
.btn.btn-primary{background:#235da9;border-color:#235da9;text-transform: uppercase;font-weight:600;font-size:14px;line-height:20px;padding:5px 15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.btn.btn-primary.hover{opacity:0.85;}
.btn-check:focus + .btn-primary, .btn-primary:focus{box-shadow:0 0 0 .25rem rgba(131,45,70,.5);}
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(131,45,70,.5);}
.btn.btn-secondary{background:#002b56;border-color:#002b56;text-transform: uppercase;font-weight:600;font-size:14px;line-height:20px;padding:5px 15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.btn.btn-secondary.hover{opacity:0.85;}
.btn-group-lg > .btn, .btn-lg{font-size:16px !important;line-height:26px !important;}
.text-success{color:#00bd11 !important;}
.text-info{color:#005ec3 !important;}
.border-info{border-color:#005ec3 !important;}
.tooltip-inner{background:#ffffbe;font-size:11px;line-height:1.25;font-weight:500 !important;color:#000;}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border:0 none;}
.tooltip.show{opacity:1;}
.text-lg{font-size:115%;}
.form-check-input:checked{background-color:#003862;border-color:#003862;}

.form-range::-webkit-slider-thumb {background:#003862;cursor:pointer;}
.form-range::-moz-range-thumb {background:#003862;cursor:pointer;}
.form-range::-ms-thumb {background:#003862;cursor:pointer;}

.form-range::-webkit-slider-runnable-track{background-color:#c8c8c8;}
.form-range::-moz-range-track{background-color:#c8c8c8;}
.form-range::-ms-track{background-color:#c8c8c8;}

.form-range::-webkit-slider-thumb:active,.form-range::-webkit-slider-thumb:focus {background: #003862;-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);box-shadow: 0 0 0 0 rgba(255,255,255,0);}
.form-range::-moz-range-thumb:active,.form-range::-moz-range-thumb:focus {background: #003862;-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);box-shadow: 0 0 0 0 rgba(255,255,255,0);}
.form-range::-ms-thumb:active,.form-range::-ms-thumb:focus {background: #003862;-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);box-shadow: 0 0 0 0 rgba(255,255,255,0);}

.container-prehome{height:799px;background:transparent url(../images/bg-prehome.jpg) center center no-repeat scroll;background-size:contain;position:relative;}
.container-prehome>div{width:100%;position:absolute;bottom:120px;left:0;}
.container-prehome a{padding:5px 30px;font-size:27px;font-weight:300;line-height:1;background:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.container-prehome a>img{margin-top:-5px;}

.cplogreg{width:100%;max-width:1320px;height:auto;margin:0;padding:20px 0 15px 0;background:#003862;position:fixed;top:0;left:50%;z-index:1000;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.cplogreg h5{margin:0;font-size:11px;line-height:12px;color:#fff;font-weight:400;text-transform:uppercase;text-align:right;float:right;}
.cplogreg .form-control{font-size:12px;line-height:24px;height:24px;font-weight:400;color:#000;padding:0 10px;background:#fff;border:0 none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.cplogreg a{font-size:8px;color:#fff;text-decoration:none;}
#cpregistre .btn,#cplogin .btn{width:24px;height:24px;padding:5px 5px 5px 6px;background:#e5142e;border-color:#e5142e;-moz-border-radius:0px;border-radius:0px;border-radius:0px;}
#cpregistre .btn img,#cplogin .btn img{display:block;}
#cpregistre h5{font-size:18px;line-height:24px;}

.header.home{margin-top:75px;}

.prehomemenu{width:100%;position:absolute;top:0;left:0;z-index:999;}
.prehomemenu .nav-link{margin:0 45px;font-family:'Roboto Slab',sans-serif;font-size:29px;font-weight:400;color:#9d9d9c;line-height:1;padding:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.prehomemenu .nav-link.hover,.prehomemenu .nav-pills .nav-link.active,.prehomemenu  .nav-pills .show > .nav-link{color:#003862;background:transparent;position:relative;}
.prehomemenu .nav-pills .nav-link.active:after,.prehomemenu  .nav-pills .show > .nav-link:after{width:18px;height:41px;margin-top:5px;margin-left:-9px;background:transparent url(../images/arrow-prehomemenu.svg) center center no-repeat scroll;position:absolute;top:100%;left:50%;content:"";display:block;}
.cpplanteamiento{padding-top:150px;padding-bottom:20px;line-height:1.3;}
.cpobjetivos{padding-top:150px;padding-bottom:20px;font-family:'Roboto Slab',sans-serif;font-size:18px;font-weight:700;color:#003862;text-align:center;line-height:1.3;}
.cpobjetivos .imgobj{padding-bottom:35px;}
.cptemario{font-size:17px;font-weight:600;color:#503c50;padding-top:150px;padding-bottom:80px;}
.cptemario h2{margin-bottom:10px;padding:5px;font-family:'Roboto Slab',sans-serif;font-size:24px;font-weight:600;color:#fff;text-align:center;background:#003862;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.cptemario .cptemasubitem{padding:10px;background:transparent url(../images/bg-cptemasubitem.jpg) center center repeat scroll;}
.cptemario .temasubitem{padding:15px;font-family:'Roboto Slab',sans-serif;font-size:24px;font-weight:600;color:#005ec3;text-align:center;}
.cptemario .temasubitem span{font-family:'Roboto Slab',sans-serif;font-size:15px;font-weight:600;color:#646464;display:block;}
.cptemario .temasubitem small{font-size:.75em;}
.cptemario .nummodul{margin-bottom:5px;padding:3px 15px;font-family:'Roboto Slab',sans-serif;font-size:20px;line-height:1;font-weight:700;color:#000;background:#cececd;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.cptemario .separator{width:30px;height:2px;margin:0 auto;background:#9d9d9c;display:block;}
.cpautoria{padding:150px 15px;font-size:16px;color:#646464;background:transparent url(../images/bg-cpautoria.svg) center center no-repeat scroll;}
.cpautoria b{font-family:'Roboto Slab',sans-serif;font-size:18px;font-weight:700;color:#003862;}

.mainmenu{margin:5px 0 80px 0;background:transparent url(../images/bgmainmenu.png) center center repeat-x scroll;}
.mainmenu>div>div{padding:0 25px;}
.mainmenu a{font-family:'Roboto Slab',sans-serif;padding:5px;font-size:16px;font-weight:700;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;line-height:36px;background:#9d9d9c;display:block;position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.mainmenu .double a{line-height:18px;}
.mainmenu a.hover,.mainmenu a.active{background:#005ec3;}
.mainmenu .btnexit{color:#fff;font-weight:700;font-size:16px;line-height:26px;text-transform:uppercase;height:26px;margin:10px 0;padding:0 10px;border:0 none;background:#eb002a;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.mainmenu .btnexit img{margin:-2px 3px 0 3px;}

.testmenu img{margin-top:-3px;}
.testmenu div{font-size:15px;font-weight:600;color:#fff;text-align:center;background:#005ec3;margin-bottom:5px;}
.testmenu a{margin-bottom:30px;padding:5px 10px;display:block;font-family:'Roboto Slab',sans-serif;font-size:12px;font-weight:600;text-align:center;color:#fff;text-decoration:none;background:#003862;}
.testmenu .disabled{opacity:0.4;}

.temario .nummodul{margin-bottom:5px;padding:3px 15px;font-family:'Roboto Slab',sans-serif;font-size:20px;line-height:1;font-weight:700;color:#fff;background:#005ec3;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.temario a,.temario h1,.temario div.webcastitem{margin-bottom:10px;padding:5px;font-family:'Roboto Slab',sans-serif;font-size:24px;line-height:1;font-weight:600;color:#fff;text-align:center;text-decoration:none;background:#003862;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:block;}
.temario a{padding:5px 90px;position:relative;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.temario a.hover{opacity:0.85;}
.temario a>img{position:absolute;right:25px;top:50%;margin-top:-25px;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.temario a.hover>img{right:5px;-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);-o-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
.temario .separator{width:3px;height:25px;margin:0 auto;background:#9d9d9c;display:block;}
.temario a.webcastitem,.temario a.webcastsubitem,.temario div.webcastitem{margin:50px 0 5px 0;padding:5px 40px 5px 100px;font-size:20px;line-height:26px;text-align:left;background:#005ec3;position:relative;}
.temario a.webcastsubitem{font-size:14px;margin-left:30px;padding:0 40px 0 15px;}
.temario a.webcastitem span,.temario div.webcastitem span{width:50px;height:50px;display:block;font-size:40px;text-align:center;line-height:48px;background:#003862;position:absolute;left:30px;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.temario a.webcastitem img,.temario a.webcastsubitem img{margin-top:-11px;}
.temario a.webcastitem.hover img,.temario a.webcastsubitem.hover img{margin-top:-8px;right:10px;}
.temario a.webcastitem.disabled,.temario div.webcastitem.disabled{opacity:0.3;cursor:not-allowed;}
.temario a.disabled.hover>img{right:25px;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.temario a.webcastitem.disabled.hover img,.temario a.webcastsubitem.disabled.hover img{margin-top:-11px;}
.temario .webcastautor{padding:0 0 0 100px;font-family:'Roboto Slab',sans-serif;font-size:13px;font-weight:600;color:#646464;position:relative;}
.temario .webcastautor span.badgewebcast{width:135px;padding:5px;font-size:13px;font-weight:700;line-height:1.25;text-align:center;color:#fff;display:block;position:absolute;top:0;right:0;}
.temario .webcastautor span.ok{background:#009f8c;}
.temario .webcastautor span.ko{background:#828282;}

.temario .collapse>div,.temario .collapsing>div{padding:0;}
.temario button{width:22px;height:20px;margin:5px 0 0 0;padding:0;background:transparent;border:0 none;}
.temario button img{display:block;margin:0 auto;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.temario button.collapsed img{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.temario button.hover img{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.temario button.collapsed.hover img{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.temario .temarisubitem{padding:5px;font-family:'Roboto Slab',sans-serif;font-size:24px;font-weight:600;color:#005ec3;text-align:center;}
.temarisubitem span{font-family:'Roboto Slab',sans-serif;font-size:15px;font-weight:600;color:#646464;display:block;}
.temarisubitem small{font-size:.75em;}
.temario.in .temarisubitem{text-align: left;line-height: 1;margin-bottom: 25px;padding: 0;margin-top: 15px;}
.temario.in .temarisubitem span{display:inline;margin-left:15px;}
.temario .titlemodul{margin-top:60px;font-size:22px;font-weight:600;color:#510014;text-align:center;border-bottom:2px solid #510014;}

#pregunta{margin-bottom:35px;font-size:20px;font-weight:500;}
.resposta{margin:0 0 20px 0;padding:10px 15px;font-size:18px;color:#003862;font-weight:500;background:#f1fcff;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 150ms ease;-moz-transition: all 150ms ease;-ms-transition: all 150ms ease;-o-transition: all 150ms ease;transition: all 150ms ease;}
.resposta:hover{-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);-moz-transform: scale(1.01);-webkit-transform: scale(1.01);-o-transform: scale(1.01);-ms-transform: scale(1.01);transform: scale(1.01);}
.resposta input{display:none;}
.resposta label{cursor:pointer;}
.resposta label span{width: 27px;height: 27px;display: inline-block;background:#005ec3;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;margin-right: 5px;color: #fff;font-family: 'Roboto Slab';font-weight: 700;line-height: 25px;}
.resposta.checked{color:#e6eef2;background:#003862;}
.resposta.checked b{color:#fff;}
.resposta.selected{background:#dc0000;color:#fff;}
.resposta.success{background:#00bd11;color:#fff;}
.respostes{padding:10px;}
.respostes #pregunta{margin:0;padding:15px 0;}
.btn-doc{position:relative;}
.btn-doc img{filter: grayscale(0%);opacity:1;-moz-transform: scale(0.9);-webkit-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.btn-doc.hover img{filter: grayscale(100%);opacity:0.4;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.btn-doc span{width:100%;margin-top:10px;position:absolute;top:50%;left:0;font-family:'Roboto Slab',sans-serif;font-size:20px;line-height:1;font-weight:700;text-align:center;color:#005ec3;opacity:0;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.btn-doc.hover span{opacity:1;margin-top:-10px;}

.footer{padding:15px;background:#003862;font-size:12px;color:#fff;}
.footer a{color:#fff;text-decoration:none;}
.footer.prehome{width:100%;padding:9px 0;margin-top:-80px;background:#003862;color:#fff;position:relative;}
.footer.prehome a{color:#fff;}

.test-alert{width:190px;font-size:14px;font-weight:700;color:#eb002a;text-align:center;line-height:1.2;position:absolute;bottom:5px;right:0;}

.quiz-container{width:100%;max-width:100%;height:0;padding-top:56.25%;background: url(../images/bg-quiz-top.jpg) top right no-repeat, url(../images/bg-quiz-bottom.jpg) bottom left no-repeat;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);display: block;vertical-align: top;box-sizing: border-box;position: relative;}
.quiz-container .quiz-page{width:100%;height:auto;margin-top:100px;padding:0 50px;font-size:18px;position:absolute;top:50%;left:0;opacity:0;z-index:0;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 350ms ease;-moz-transition: all 350ms ease;-ms-transition: all 350ms ease;-o-transition: all 350ms ease;transition: all 350ms ease;}
.quiz-container .quiz-page.active{opacity:1;margin-top:0;z-index:1;}
.quiz-container .quiz-page.disabled .resposta.checked{background:#dc3545;color:#fff;}
.quiz-container .quiz-page.disabled .resposta.valid{background:#198754;color:#fff;}
.draggable{width:160px;height:27px;text-align:center;background:#005ec3;color:#fff;display:block;cursor:move;}
.droppable{width:160px;height:27px;margin-bottom:-5px;background:#9d9d9c;display:inline-block;}
.quiz-container .quiz-page.disabled .draggable{background:#dc3545;color:#fff;}
.quiz-container .quiz-page.disabled .draggable.valid{background:#198754;color:#fff;}
.quiz-container .quiz-page .text-valid{height:0;margin-top:10px;padding:0 15px;overflow:hidden;opacity:0;line-height:1.3;background:#198754;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.quiz-container .quiz-page.disabled .text-valid{height:auto;padding:15px;opacity:1;}
.quiz-container .quiz-page .fireworks{width:0px;height:0px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.quiz-container .quiz-page .fireworks.active{width:128px;height:128px;}

.video-js .vjs-big-play-button{background-color:#3c3c3c !important;width:2em !important;height:2em !important;border-radius:50% !important;-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border:0 none !important;margin-top:-1em !important;margin-left:-1em !important;font-size:4em !important;line-height:2em !important;}
.vjs-icon-play::before, .video-js .vjs-big-play-button::before, .video-js .vjs-play-control::before{font-size:2em !important;line-height:1em !important;}
.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid{-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);}

.bs-tooltip-auto[data-popper-placement^="bottom"], .bs-tooltip-bottom{padding:0;}

@media screen and (min-width:1200px) and (max-width:1399px){
    .cplogreg{max-width:1140px;}
    .container-prehome{height:690px;}
    .container-prehome>div{bottom:90px;}
    .prehomemenu .nav-link{margin:0 27px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .cplogreg{max-width:960px;}
    .container-prehome{height:580px;}
    .container-prehome>div{bottom:85px;margin:0;}
    .container-prehome>div #logocredits {max-width:200px;}
    .prehomemenu .nav-link{font-size:20px;margin:0 35px;}
    .mainmenu > div > div{padding:0 15px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .cplogreg{max-width:720px;}
    .container-prehome{height:435px;}
    .container-prehome>div{bottom:55px;}
    .temario a.webcastitem span.badgewebcast,.temario a.webcastitem span.badgeautoevaluacion{font-size:10px;}
    .mainmenu > div{margin:0;}
    .mainmenu > div > div{padding:0 3px;}
    .mainmenu a{font-size:14px;}
    .webcast a{right:15px;}
    .cplogreg h5{max-width:100%;float:none;margin: 15px 0 5px 0;text-align:left;}
    .header.home{margin-top:170px;}
    .prehomemenu .nav-link{font-size:18px;margin:0 34px;}
    .quiz-container{height:auto;padding-top:0;overflow:hidden;}
    .quiz-container .quiz-page{top:100%;padding:50px;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
    .quiz-container .quiz-page.active{position:static;}
    #cpregistre h5{font-size: 11px;line-height: 12px;}
}
@media screen and (min-width:576px) and (max-width:767px){
    .cplogreg{max-width:540px;}
    .container-prehome{height:675px;background:transparent url(../images/bg-prehome-xs.jpg) top center no-repeat scroll;}
    .container-prehome>div{margin:0;bottom:30px;}
    .cptemario{background:transparent;}
    .cptemario .nummodul{border-right:0 none;border-bottom:1px solid #832d46;margin-bottom:15px;}
    .cpautoria{background:transparent;}
    .temario a.webcastitem span.badgewebcast,.temario a.webcastitem span.badgeautoevaluacion{font-size:10px;}
    .webcast h2,.webcast h3,.webcast h4,.autoevaluacion h2,.autoevaluacion h3,.autoevaluacion h4{padding-right:0;}
    .webcast a,.autoevaluacion a{margin-top:15px;position:static;width:100%;}
    .mainmenu{background:transparent;}
    .mainmenu a{margin:5px 0;}
    .mainmenu .double a{line-height: 36px;}
    #diapoInfo .btn{display:none;}
    .cplogreg h5{max-width:100%;float:none;margin: 15px 0 5px 0;text-align:left;}
    .header.home{margin-top:170px;}
    .prehomemenu{padding:0 15px;}
    .prehomemenu .nav-link{font-size:17px;margin:0 25px;}
    .cptemario .nummodul span{font-size:70px;}
    .quiz-container{height:auto;padding-top:0;overflow:hidden;}
    .quiz-container .quiz-page{top:100%;padding:50px;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
    .quiz-container .quiz-page.active{position:static;}
    .mainmenu .btnexit{width:100%;}
    #cpregistre h5{font-size: 11px;line-height: 12px;}
}
@media screen and (min-width:200px) and (max-width:575px){
    .container-prehome{height:610px;background:transparent url(../images/bg-prehome-xs.jpg) top center no-repeat scroll;background-size:contain;}
    .container-prehome>div{margin:0;bottom:20px;}
    .cptemario{background:transparent;}
    .cptemario .nummodul{border-right:0 none;border-bottom:1px solid #832d46;margin-bottom:15px;}
    .cpautoria{background:transparent;}
    .temario a.webcastitem span.badgewebcast,.temario a.webcastitem span.badgeautoevaluacion{font-size:10px;}
    .temario a{padding:5px 70px 5px 10px;text-align:left;}
    .temario a > img{right:10px;}
    .temario .webcastautor{padding:5px 0 0 0;}
    .temario a.webcastitem{padding:5px 40px 5px 70px;}
    .temario a.webcastitem span{left:10px;}
    .webcast h2,.webcast h3,.webcast h4,.autoevaluacion h2,.autoevaluacion h3,.autoevaluacion h4{padding-right:0;}
    .webcast a,.autoevaluacion a{margin-top:15px;position:static;width:100%;}
    .mainmenu{background:transparent;}
    .mainmenu a{margin:5px 0;}
    .mainmenu .double a{line-height: 36px;}
    #diapoInfo .btn{display:none;}
    .cplogreg h5{max-width:100%;float:none;margin: 15px 0 5px 0;text-align:left;}
    .header.home{margin-top:170px;}
    .prehomemenu{padding:0 15px;}
    .prehomemenu .nav-item{width:100%;}
    .prehomemenu .nav-link{width:100%;font-size:18px;margin:0;padding:5px 0;}
    .prehomemenu .nav-pills .nav-link.active:after, .prehomemenu .nav-pills .show > .nav-link:after{background:transparent;}
    .cptemario .nummodul span{font-size:50px;}
    .cptemario h2{font-size:20px;}
    .quiz-container{height:auto;padding-top:0;overflow:hidden;}
    .quiz-container .quiz-page{top:100%;padding:50px;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
    .quiz-container .quiz-page.active{position:static;}
    .mainmenu .btnexit{width:100%;}
    #cpregistre h5{font-size: 11px;line-height: 12px;}
}