/******************************************************/

/*  POR FAVOR CON MODIFICAR*/

/******************************************************/
body,
html{height:100%;min-height:100%;padding:0;font-size:18px;color:#34495e;overflow:hidden;font-family: 'Open Sans', sans-serif; font-weight: normal; line-height: normal;}
h1{font-weight:700;font-size:4em;}
h2{font-weight:700;font-size:3.5em;}
h3{font-weight:700;font-size:3em;}
h4{font-weight:700;font-size:2.5em;}
h5{font-weight:700;font-size:2em;}
h6{font-weight:700;font-size:1.5em;}
b,
strong{font-weight:bold;color:#1a1a1a;}
ul,
li{padding:0;margin:0;}
ul{margin:0em 0;}
li{margin:1em;margin-left:3em;}
.sco{ background-color: #92DCE5; }
/**********Cargador*************/
.lds-ring{display:block;position:relative;width:64px;height:64px;margin:0 auto;top:40%;}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:51px;height:51px;margin:6px;border:6px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#fff transparent transparent transparent;}
.lds-ring div:nth-child(1){animation-delay:-0.45s;}
.lds-ring div:nth-child(2){animation-delay:-0.3s;}
.lds-ring div:nth-child(3){animation-delay:-0.15s;}
@keyframes lds-ring{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes lds-ring{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
.layer-load{position:absolute;width:100%;height:100%;z-index:9999;top:0;background-color:rgba(0,0,0,.5);left:0;bottom:0;right:0;}
#countimg{position:absolute;color:#FFF;text-align:center;width:100%;top:10px;}

/*************** main *************************/
.contenedor-main{position:absolute;top:0;width:1366px;height:939.125px;overflow:hidden;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.menu-container{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute;left:0;top:0;height:100%;overflow-y:auto;z-index:99991;width:50%;background-color:#eee;padding-left:1em;padding-top:1em;padding-right:1em;}
.menu-container.hide{left:-53%;}
.menu-container p{width:max-content;}
.menu-container p i{margin-right:5px;}
.menu-container h5{margin:0;}
.close-menu-container{float:right;cursor:pointer;padding:10px;font-size:1.5em;}
.__btn-menu{cursor:pointer;}
.__header,
.__footer { position: absolute; }
.sco{ position:absolute; width:1366px; }
h1.title_  { font-family: 'Futura', sans-serif; font-weight: bold; font-size: 30px; margin:0; text-shadow: 1px 3px 0 #969696, 1px 8px 5px #aba8a8; }
h2.title_  { font-family: 'Futura', sans-serif; font-weight: bold; font-size: 27px; margin:0; }
h3.subtitle_ { font-family: 'Futura', sans-serif; font-weight: bold; font-size: 25px; margin:0; }
.logo_reto { position: absolute; z-index: 5; top: 3px; left: 34px; }
.bayer{ position: absolute; z-index: 10; right: 35px; top: 10px; }

.__footer{ width: 500px; height:70px;}
.__header{ width: 100%; height: 100px;top:0;left:0;}
.__footer{left:0;bottom:0;}
.sco{height: calc(100% - 0px);/*	top:70px;*/ }
.__menu{float:right;color:#FFF;cursor:pointer;font-size:2em;line-height:70px;margin-right:1em;}
.__titulocurso{float:left;line-height:70px;font-size:2em;color:#FFF;padding-left:1em;}
.md-3{width:33.3333%;float:left;line-height:70px;text-align:center;display:table;}
.__btn{float:right;color:#FFF;cursor:pointer;text-align:center;font-size:2em;line-height:70px;margin-right:1em;}
.__paginacion,
/*.__instruccion{color:#FFF;text-align:center;font-size:1.1em;line-height:70px;display:inline-table;}*/
/*.__instruccion{ position: absolute; font-size: 18px; right: 0; top: 22%; text-align: center;padding-left:1em;width:100%;}*/
.__instruccion {     
}

.flex{display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */display:-ms-flexbox;      /* TWEENER - IE 10 */display:-webkit-flex;     /* NEW - Chrome */display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */}

/************************/
.scofullscreen{top:0;left:0;height:939.125px;}
.__btn-menu i{color:#f27474;font-weight:bold;}
.__btn-menu.noclick i{color:#1a1a1a;}
.position{float:left;margin:100px 20px;}
.progress-bar{position:relative;height:200px;width:200px;margin:0 auto;}
.progress-bar div{position:absolute;height:200px;width:200px;border-radius:50%;}
.progress-bar div span{position:absolute;font-family: 'Open Sans', sans-serif; font-size:25px;line-height:175px;height:175px;width:175px;left:12.5px;top:12.5px;text-align:center;border-radius:50%;background-color:white;}
.progress-bar .background{background-color:#b3cef6;}
.progress-bar .rotate{clip:rect(0 100px 200px 0);background-color:#4b86db;}
.progress-bar .left{clip:rect(0 100px 200px 0);opacity:1;background-color:#b3cef6;}
.progress-bar .right{clip:rect(0 100px 200px 0);transform:rotate(180deg);opacity:0;background-color:#4b86db;}
@keyframes toggle{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes toggle{
	0%{opacity:0;}
	100%{opacity:1;}
}
.swal2-container.swal2-shown{position:absolute;}
/********************************/
.meter {
	height: 20px;  /* Can be anything */
	position: relative;
	margin: 60px 0 20px 0; /* Just for demo spacing */
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter > span{display:block;height:100%;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;background-color:rgb(43,194,83);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(43,194,83)),color-stop(1,rgb(84,240,84)));background-image:-moz-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);-webkit-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden;}
.meter > span:after,
.animate > span > span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-webkit-animation:move 2s linear infinite;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden;}
.animate > span:after{display:none;}
@-webkit-keyframes move{
	0%{background-position:0 0;}
	100%{background-position:50px 50px;}
}
.orange > span{background-color:#f1a165;background-image:-moz-linear-gradient(top,#f1a165,#f36d0a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1a165),color-stop(1,#f36d0a));background-image:-webkit-linear-gradient(#f1a165,#f36d0a);}
.red > span{background-color:#f0a3a3;background-image:-moz-linear-gradient(top,#f0a3a3,#f42323);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0a3a3),color-stop(1,#f42323));background-image:-webkit-linear-gradient(#f0a3a3,#f42323);}
.nostripes > span > span,
.nostripes > span:after{-webkit-animation:none;background-image:none;}

/*************************/
svg *{font-family: 'Open Sans', sans-serif;}

.close-pdf{float:right;font-size:2em;cursor:pointer;color:#1EAFC6;padding:15px;}
.bodypdfopen{position:fixed;overflow:hidden}
.pdfview{position:absolute;width:100%;height:100%;display:none;background-color:#474747;top:0;z-index:9999;}
.pdfobject{position:relative;width:97%;height:90%;margin:0 auto;position:relative;display:block;}

.pulse {
  animation-name: pulse_animation;
  animation-duration: 2000ms;
  transform-origin:70% 70%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.05); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}
@-moz-keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.05); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}
@-o-keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.05); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}
@keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.05); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}

.pop_edition.swal2-popup .swal2-close:hover { color: inherit; }
.pop_edition.swal2-popup .swal2-close { color: inherit; outline: none; width: 32px; height: 31px; }
.pop_edition.swal2-popup { border-radius: 20px; padding: 2.25em; }
.pop_edition.swal2-popup #swal2-content { text-align: left; }
.pop_edition.swal2-popup #swal2-content h1 { font-family: 'Futura'; font-size: 38px; text-align: center; }
.cuadro_interno___ { background-color: #fff; border-radius: 20px; padding: 20px; }
.blocknav { display: none;  }
.blocknav img{opacity:.5}
.indentificador_ { position: absolute; top: 8%; left: 18%; z-index: 10; display: none; }