Informe de brote@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
html.do_scroll {
	overflow-y: auto
}

b,
strong {
	font-weight: 600
}

body {
	font-family: Poppins, sans-serif;
	background: #fafafa;
        font-size: 15px;
}
p {
	font-family: Poppins, sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.7em;
	text-align: justify
}

.hidden_content {
	display: none
}

.ptr {
	cursor: pointer
}

a,
a:focus,
a:hover {
	color: inherit;
	text-decoration: none;
	transition: all .3s
}

.navbar {
	padding: 15px 10px;
	background: #fff;
	border: none;
	border-radius: 0;
	margin-bottom: 40px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)
}

.navbar-btn {
	box-shadow: none;
	outline: 0!important;
	border: none
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0
}
.noclick {
	cursor: not-allowed
}

.has_blur {
	filter: blur(8px);
	-webkit-filter: blur(8px)
}

.to_sort {
	margin-bottom: 30px
}

.to_mix {
	margin-bottom: 30px
}

.to_mix .card-body {
	text-align: center
}

/*.carousel-indicators {
    top: 0!important;
}*/
.carousel-indicators.down {
	top:initial!important;
}
.wrap {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}
.wrapper{
    flex: 0 0 calc(82% - 1rem);
    /* max-width: 1000px; */
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.has_alles {
	position: relative;
	height: 100%
}

.relpos {
	position: relative
}
.abspos {
	position: absolute;
}
#menu_btn{
    right: 0;
}
a.nav-link.nav-link.legitRipple.active {
    font-weight: 700;
    color: #007bff;
}
#sidebar {
	height: 100%;
	padding-left: 10px;
	color: #fff;
	transition: all .3s;
	background-color: #3559e5
}

#sidebar.active {
	margin-left: -250px
}

#sidebar .sidebar-header {
	padding: 20px;
	background: #6d7fcc
}

#sidebar ul.components {
	padding: 20px 0
}

#sidebar ul p {
	color: #fff;
	padding: 10px
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1.1em;
	display: block;
	position: relative;
	font-size: 17px
}

#sidebar ul li {
	position: relative;
	white-space: nowrap
}

#sidebar ul li.active,
#sidebar ul li:hover {
	-webkit-box-shadow: 10px 1px 5px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 10px 1px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 10px 1px 5px 0 rgba(0, 0, 0, .2)
}

#sidebar ul li.active:after,
#sidebar ul li:hover:after {
	content: "\25BA";
	display: block;
	color: #fff;
	width: 15px;
	height: 15px;
	position: absolute;
	right: -12px;
	bottom: 22px;
	font-size: 20px
}

#sidebar ul li a:hover {
	color: #3559e5;
	background: #fff;
	font-weight: 700
}

#sidebar ul li.active>a {
	color: #3559e5;
	background: #fff;
	font-weight: 700
}

a[data-toggle=collapse] {
	position: relative
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%)
}

ul ul a {
	font-size: .9em!important;
	padding-left: 30px!important;
	background: #6d7fcc
}

ul.CTAs {
	padding: 20px
}

ul.CTAs a {
	text-align: center;
	font-size: .9em!important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px
}

a.download {
	background: #fff;
	color: #7386d5
}

a.article,
a.article:hover {
    background: #6d7fcc!important;
    color: #fff!important
}

.main_contenedor {
	margin: 0 auto;
	transition: all .3s;
	position: relative
}

.foot_nav {
	margin: 0 auto;
	height: 65px;
	margin-bottom: 0;
	background: #fff
}

.foot_btns {
	z-index: 10
}

.foot_btns .has_next,
.foot_btns .has_prev {
	width: 50px;
	border-radius: 20px;
	padding: 1px 12px
}

.foot_btns .has_prev {
	margin-right: -12px
}

.foot_btns .has_next {
	margin-left: -12px
}

.foot_btns .has_home {
	border-radius: 20px;
	width: 71px;
	padding: 5px 10px;
	font-size: 35px
}

.mainbanner {
	width: 100%
}

.col-centered {
	float: none;
	margin: 0 auto
}

.has_separator {
	margin: 15px 0;
	width: 100%;
	height: 20px
}

#has_upmenu {
	font-size: 18px;
	box-shadow: none
}

#has_upmenu ul {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap
}

.upmenu li.nav-item.active,
.upmenu li.nav-item:hover {
	font-weight: 700
}

#has_upmenu.navbar-light .navbar-nav .nav-link:hover,
.upmenu .nav-link.active {
	color: #fff!important;
	background: #2255a1;
	font-weight: 700
}

#has_upmenu li.nav-item:hover a {
	border: 0
}

#has_upmenu li.nav-item {
	font-size: 12px;
	display: flex;
	align-items: center;
	font-weight: 700
}

.banner_intro {
	max-height: 400px
}

.has_contenido_curso {
	height: 610px;
	overflow-y: auto
}

.has_contenido_unidad {
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 50px;
	padding-bottom: 50px;
	margin-top: 30px;
}
#has_all_head{
    background: #fff;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
::-webkit-scrollbar
{
	width: 10px;
        height: 6px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
    40% 0%,
    75% 84%,
    from(#7A99D9),
    to(#163575),
    color-stop(.6,#1C3A94))
}
body::-webkit-scrollbar {
	width: 10px
}

.texto-intro {
	font-size: 14px
}

#temario ul {
	font-size: 12px;
	font-weight: 700
}
.unit_btn{
    position: absolute;
    left: 0;
    bottom: 0;
}
.container.principal {
	position: relative
}
#myTabMD li {
	max-width: 20%
}

#myTabMD li {
	font-size: 18px
}

#myTabMD li:first-child {
	font-size: 11px;
	line-height: 11px
}

.r_container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.r_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #aaa;
	border-radius: 50%
}

.r_container:hover input~.checkmark {
	background-color: #2196f3
}

.r_container input:checked~.checkmark {
	background-color: #2196f3
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.r_container input:checked~.checkmark:after {
	display: block
}

.r_container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

#menu_movil {
	display: none
}

.draggable {
	z-index: 9
}
.start_elems {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}
.vertical_align {
    display: flex;
    align-items: center
}
.overaut {
    overflow-x: auto;
    overflow-y: hidden
}
.has_tocino{
    width: 368px;
    margin-top: -50px;
}
.toss{
    width: 150px;
}
#tocino_1{
    left: 270px;
    top: 75px;
    z-index: 2;
}
#tocino_2{
    left: 195px;
    top: 300px;
    z-index: 2;
}
#tocino_3{
    left: 12px;
    top: 110px;
    z-index: 2;
}
#tocino_txt{
    z-index: 1;
}
#btn_next{
    display: none;
}
#nambers {
    position: absolute;
    right: 30%;
    bottom: 15px;
}
.has_semaforo{
    height: 750px;
}
.lights{
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    opacity: 0;
}
.lights.active{
    opacity: 1;
}
#lighter{
    width: 230px;
    position: absolute;
    top: 50px;
}
#wine_light{
    left: 62px;
    top: 22px;
}
#red_light{
    left: 219px;
    top: 22px;
}
#yellow_light{
    left: 372px;
    top: 22px;
}
#green_light{
    left: 525px;
    top: 22px;
}
#light_txt{
    position: absolute;
    left: 333px;
    right: 0;
}
.sound_icon{
    width: 80px;
}
.opat{
    opacity: 0;
}
.heart_piece{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.8;
    display: none;
    z-index: 2;
}
#final_heart{
    z-index: 1;
}
.heart_1{
    left: 8px;
    top: -15px;
}
.heart_2{
    left: -5px;
    top: -22px;
}
.heart_3{
    left: 22px;
    top: -10px;
}
.heart_4{
    left: 0;
    top: 0px;
}
.heart_5{
    left: 0;
    top: 16px;
}
.has_door_piece{
    max-height: 336px!important;
}
#mono{
    position: absolute;
    left: 75px;
}
#tlz_base{
    width: 461px;
}
.tlz_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    /*background: rgba(0,255,0,0.5);*/
}
#tlz_1{
    top: 180px;
    left: 26px;
    height: 45px;
    width: 430px;
}
#tlz_2{
    top: 240px;
    left: 26px;
    height: 38px;
    width: 305px;
}
#tlz_3{
    top: 290px;
    left: 26px;
    width: 305px;
    height: 20px;
}
#pros_base{
    width: 522px;
    height: 486px;
}
.pros_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    /*background: rgba(0,255,0,0.5);*/
}
#pros_1{
    top: 10px;
    left: 342px;
}
#pros_2{
    top: 133px;
    left: 342px;
}
#pros_3{
    top: 255px;
    left: 342px;
}
#pros_4{
    top: 376px;
    left: 342px;
}
#clock_base{
    width: 900px;
    height: 700px;
}
.clock_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 145px;
}
#clock_1{
    top: 26px;
    left: 430px;
}
#clock_2{
    top: 147px;
    left: 772px;
}
#clock_3{
    top: 427px;
    left: 772px;
}
#clock_4{
    top: 546px;
    left: 430px;
}
#clock_5{
    top: 427px;
    left: 98px;
}
#clock_6{
    top: 147px;
    left: 98px;
}
#dx_base{
    width: 552px;
    height: 581px;
}
.dx_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
}
#dx_1{
    top: 99px;
    left: 196px;
}
#dx_2{
    top: 61px;
    left: 265px;
}
#dx_3{
    top: 30px;
    left: 232px;
}
#dx_4{
    top: 292px;
    left: 227px;
}
#fitgirl_base{
    width: 678px;
    height: 281px;
}
.fit_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(255,0,0,0.9);*/
    width: 25px;
    height: 25px;
}
#fit_elem_1{
    top: 32px;
    left: 554px;
}
#fit_elem_2{
    top: 133px;
    left: 555px;
}
#fit_elem_3{
    top: 76px;
    left: 227px;
}
#fit_elem_4{
    top: 131px;
    left: 228px;
}
#fit_elem_5{
    top: 54px;
    left: 127px;
}
#examen_base{
    width: 540px;
    height: 308px;
}
#artz{
    position: absolute;
    top: 12px;
    left: 363px;
    width: 94px;
    height: 425px;
}
#mst_base{
    width: 540px;
    height: 308px;
}
.mst_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(255,0,0,0.9);*/
    width: 33px;
    height: 33px;
}
#mst_1{
    top: 0px;
    left: 181px;
}
#mst_2{
    top: 92px;
    left: 101px;
}
#mst_3{
    top: 133px;
    left: 200px;
}
#mst_4{
    top: 29px;
    left: 270px;
}
#mst_5{
    top: 115px;
    left: 403px;
}
#mst_6{
    top: 171px;
    left: 441px;
}
#mst_7{
    top: 187px;
    left: 26px;
}
#gloton_base{
    width: 565px;
    height: 235px;
}
.gloton_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(0,255,0,0.9);*/
    width: 33px;
    height: 33px;
}
#gloton_1{
    top: 138px;
    left: 60px;
    width: 90px;
    height: 65px;
}
#gloton_2{
    top: 16px;
    left: 131px;
    width: 90px;
    height: 65px;
}
#gloton_3{
    top: 18px;
    left: 378px;
    width: 90px;
    height: 65px;
}
#gloton_4{
    top: 138px;
    left: 447px;
    width: 90px;
    height: 65px;
}
#suk_base{
    width: 768px;
    height: 627px;
}
.suk_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(0,255,0,0.9);*/
    width: 33px;
    height: 33px;
}
#suk_1{
    top: 75px;
    left: 183px;
    width: 83px;
}
#suk_2{
    top: 75px;
    left: 585px;
    width: 83px;
}
#suk_3{
    top: 521px;
    left: 38px;
    width: 66px;
    height: 60px;
}
#lift_base{
    width: 552px;
    height: 416px;
    z-index: 1;
}
#btns_base{
    position: absolute;
    top: 120px;
    right: 190px;
    width: 100px;
    height: 171px;
    z-index: 2;
}
.lift_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(0,255,0,0.9);*/
    width: 25px;
    height: 25px;
    z-index: 5;
}
#lift_1{
    top: 153px;
    left: 456px;
}
#lift_2{
    top: 153px;
    left: 497px;
}
#lift_3{
    top: 188px;
    left: 456px;
}
#lift_4{
    top: 188px;
    left: 497px;
}
#lift_5{
    top: 222px;
    left: 456px;
}
#lift_6{
    top: 222px;
    left: 497px;
}
#lift_7{
    top: 257px;
    left: 456px;
}
#lift_8{
    top: 257px;
    left: 497px;
}
.has_botonera{
    width: 154px;
    height: 487px;
}
.botonera_elem{
    position: absolute;
    top: 0;
    left: 50px;;
    width: 100px;
    height: 100px;
    /*background: rgba(0,255,0,0.5);*/
}
.botonera_1{
    top: 0;
}
.botonera_2{
    top: 130px;
}
.botonera_3{
    top: 260px;
}
.botonera_4{
    top: 390px;
}
.has_monita{
    width: 890px;
    height: 700px;
}
.tg_elem{
    position: absolute;
    top: 648px;
    left: 70px;
    width: 130px;
    height: 25px;
}
.has_tabladoble{
    width: 900px;
    height: 615px;
}
.tabla_elem1{
    position: absolute;
    top: 10px;
    left: 726px;
    width: 160px;
    height: 59px;
}
.tabla_elem2{
    position: absolute;
    top: 363px;
    left: 426px;
    width: 35px;
    height: 25px;
}
.tabla_elem3{
    position: absolute;
    top: 333px;
    left: 302px;
    width: 160px;
    height: 59px;
}
.tabla_elem_orderhand{
    position: absolute;
    top: 40px;
    left: 817px;
    width: 35px;
    height: 25px;
}
.has_niveles{
    width: 798px;
    height: 808px;
}
.level2_tool{
    position: absolute;
    top: 60px;
    left: 220px;
    width: 126px;
    height: 20px;
}
.has_downmap{
    width: 890px;
    height: 494px;
}
.downmap_tool{
    position: absolute;
    top: 8px;
    left: 525px;
    width: 151px;
    height: 20px;
}
.has_sirena{
    width: 1070px;
    height: 395px;
    transform: scale(.8);
    margin-left: -120px;
;
}
.siren1{
    position: absolute;
    top: 330px;
    left: 345px;
    width: 80px;
    height: 20px;
}
.has_downermap{
    width: 614px;
    height: 375px;
}
.downer1{
    position: absolute;
    top: 240px;
    left: 100px;
    width: 125px;
    height: 20px;
}
.lienzo_u3{
    width: 522px;
    height: 1163px;
}
.dragable{
    width: 180px;
    height: 180px;
    margin-top: 100px;
}
.draggables{
    cursor: pointer;
}
.dropable{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 0;
}
.dropable_1{
    top: 225px;
    left: 286px;
}
.dropable_2{
    top: 600px;
    left: 72px;
}
.dropable_3{
    top: 600px;
    left: 285px;
}
.dropable_4{
    top: 965px;
    left: 327px;
}
#hormo_base{
    width: 522px;
    height: 373px;
}
.hormo_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(255,0,0,0.9);*/
    width: 25px;
    height: 25px;
}
#hormo_1{
    top: 89px;
    left: 210px;
}
#hormo_2{
    top: 186px;
    left: 145px;
}
#tragona_base{
    width: 540px;
    height: 308px;
}
.tx_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(255,0,0,0.9);*/
    width: 25px;
    height: 25px;
}
#tx_1{
    top: 156px;
    left: 419px;
}
#tx_2{
    top: 53px;
    left: 479px;
}
#tx_3{
    top: 36px;
    left: 207px;
}
#tx_4{
    top: 167px;
    left: 334px;
}
#tx_5{
    top: 46px;
    left: 296px;
}
#ruleta_base{
    width: 540px;
    height: 447px;
}
.ru_elem{
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(255,0,0,0.9);*/
    width: 100px;
    height: 100px;
}
#ru_1{
    top: 287px;
    left: 37px;
}
#ru_2{
    top: 144px;
    left: 37px;
}
#ru_3{
    top: 18px;
    left: 154px;
}
#ru_4{
    top: 34px;
    left: 307px;
}
#ru_5{
    top: 147px;
    left: 418px;
}
#ru_6{
    top: 299px;
    left: 419px;
}
#pista_base{
    width: 675.66px;
    height: 347.23px;
}
#runner{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
}
#runner.c0{
    top: 95px;
    left: 365px;
}
#runner.c1{
    top: 215px;
    left: 280px;
}
#runner.c2{
    top: 220px;
    left: 495px;
}
#runner.c3{
    top: 80px;
    left: 610px;
}
#runner.c4{
    top: 0;
    left: 580px;
}
#runner.c5{
    top: 0;
    left: 330px;
}
#runner.c6{
    top: 75px;
    left: 105px;
}
.carousel-control-prev {
    left: -25px;
}
.carousel-control-prev.monk{
    bottom: initial;
    top: 220px;
    left: -55px;
}
.carousel-control-next {
    right: -50px;
}
.carousel-control-next.xtra {
    right: -45px;
}
.carousel-control-next.xtra.homolox{
    top: initial;
    bottom: initial;
    top: 200px;
    width: 40px;
}
#carrusel_iutu .carousel-control-next.xtra.homolox{
    top: 150px;
}
#medic_base{
    width: 246px;
    height: 488px;
}
#medic_bocina{
    position: absolute;
    top: 7px;
    left: -50px;
    width: 200px;
}
.left_btns{
    opacity: 1;
}
.left_btns.inactive{
    opacity: 0.5;
}
.btn.inactive{
    opacity: 0.5;
}

.btn_next{
    position: absolute;
    right: -20px;
    font-size: 60px;
    bottom: 40%;
    z-index: 99;
}
#kp_17 .btn_prev,#kp_17 .btn_next{
    bottom: initial;
    top: 115px;
}
.btn_next.kgd,.btn_prev.kgd{
    bottom: initial;
    top: 140px;
}
.btn_next.blt,.btn_prev.blt{
    bottom: initial;
    top: 400px;
}
.btn_next.rupf,.btn_prev.rupf{
    bottom: initial;
    top: 285px;
}
.z1{
    z-index: 1;
}
.btn_prev{
    position: absolute;
    left: -17px;
    font-size: 60px;
    bottom: 40%;
    z-index: 99;
}

.has_multis {
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
    padding: 0 10px
}
#lil_index{
    display: none;
}
.ub {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 149px;
	z-index: 3
}
#link_eval {
    width: 131px;
    height: 143px;
    left: 171px;
    bottom: 47px;
    z-index: 5;
}

#in_guia {
    width: 131px;
    height: 143px;
    left: 20px;
    bottom: 47px;
    z-index: 5;
}
#in_res {
    width: 131px;
    height: 143px;
    left: 320px;
    bottom: 47px;
    z-index: 5;
}
#has_semaf{
    width: 714px;
    height: 213px;
}
#semaf_base{
    width: 685px;
    height: 213px;
}
.flecha_step{
    font-size: 50px;
}
#has_mapa{
    width: 796px;
    height: 530px;
}
#mapita{
    width: 766px;
    height: 530px;
}
.map_ptr{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}
#mark_1{
    top: 0;
    left: 123px;
}
#mark_2{
    top: 175px;
    left: 311px;
}
#mark_3{
    top: 380px;
    left: 373px;
}
#mark_4{
    top: 388px;
    left: 597px;
}
.mdt_btn{
    max-height: 58px;
}
#mdt_btn_1{
    height: 50px;
    font-size: 14px;
}
.kp_btn,.hr_btn{
    opacity: 0.3;
}
.kp_btn.active,.hr_btn.active{
    opacity: 1;
}
.sp_fsz{
    height: 50px;
    font-size: 14px;
}
.ecprev_btn{
    opacity: 0.5;
}
.ecprev_btn.active{
    opacity: 1;
}
.pasos_btn{
    opacity: 0.5;
}
img.inactive{
    opacity: 0.5;
}
.pasos_btn.active{
    opacity: 1;
}
#timeline{
    width: 453px!important;
    height: 832px!important;
}
.linea_tempo{
    width: 858px;
    height: 109px;
}
.tempo_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 30px;
}
.tempo_1{
    top: 0;
    left: 75px;
}
.tempo_2{
    top: 0;
    left: 410px;
    width: 300px;
}
.tempo_3{
    top: 80px;
    left: 430px;
    width: 245px;
}
.tempo_4{
    top: 0;
    left: 0;
}
.has_folin{
    width: 900px;
    height: 683px;
}
.folin_elem{
    position: absolute;
    top: 602px;
    left: 390px;
    width: 200px;
    height: 20px;
}
.has_fiber{
    width: 858px;
    height: 387px;
}
.fiber_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 30px;
}
.fiber_1{
    top: 18%;
    left: 82%;
    width: 10%;
    height: 18%;
}
.tl_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}
#tl_elem_1{
    top: 35px;
    left: 16px;
}
#tl_elem_2{
    top: 140px;
    left: 316px;
}
#tl_elem_3{
    top: 240px;
    left: 16px;
}
#tl_elem_4{
    top: 350px;
    left: 316px;

}
#tl_elem_5{
    top: 472px;
    left: 16px;
}
#tl_elem_6{
    top: 582px;
    left: 316px;
}
.btn_next.subnxt,.btn_prev.subnxt{
    top: 425px;
}
.btn_next.subnxtss,.btn_prev.subnxtss{
    top: 185px;
}
.imp_btn{
    opacity: 0.3;
}
.imp_btn.active{
    opacity: 1;
}
.pngn{
    top: 290px;
}
#monoex{
    width: 506px;
    height: 428px;
}
.exelem{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}
#exelem_1{
    top: 6px;
    left: 21px;
}
#exelem_2{
    top: 148px;
    left: 20px;
}
#exelem_3{
    top: 14px;
    left: 417px;
}
#exelem_4{
    top: 158px;
    left: 417px;
}
#exelem_5{
    top: 302px;
    left: 417px;
}
.btn_next.cm3,.btn_prev.cm3{
    top: 250px;
}
.btn_next.gux,.btn_prev.gux{
    top: 250px;
}
.btn_next.sanc,.btn_prev.sanc{
    top: 250px;
}
.btn_next.fecal,.btn_prev.fecal{
    top: 250px;
}
.carousel-control-next.ash{
    bottom: initial;
    top: 150px;
}
.carousel-control-next.xtra.homolox.moco,.carousel-control-prev.xtra.homolox.moco{
    top: 150px;
    bottom: initial;
}
.carousel-control-prev.xtra.homolox.moco{
    left: -65px;
}
#carrusel_fecal .carousel-indicators{
    top: -8px!important;
}
#carrusel_epn .carousel-indicators.down{
    bottom: -14px!important;
}
#carrusel_mrs .carousel-indicators{
    top: -8px;
}
.carousel-indicators.u4.down{
    top: initial;
    bottom: -12px;
}
.cec_btn.inactive,.cex_btn.inactive{
    opacity: 0.45;
}
#fuentes .list-group-item{
    color: #2255a1;
}
.custom-controls-stacked{
    font-family: Poppins, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    text-align: justify;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background: none;
}
.preshow{
    visibility: hidden;
}
.preshow.active{
    visibility: visible;
}
.ezi_btn{
    top: 225px;
    bottom: initial;
}
.estail_btn{
    top: 300px;
    bottom: initial;
}
.btn_next.mam,.btn_prev.mam{
    bottom: initial;
    top: 220px;
}
.btn_next.mams,.btn_prev.mams{
    bottom: initial;
    top: 220px;
}
.btn_next.mamt,.btn_prev.mamt{
    bottom: initial;
    top: 220px;
}
.text-warning {
    color: #db7137!important;
}
#bocinilla{
    font-size: 30px;
}
#kp_16 .btn_next,#kp_16 .btn_prev{
    bottom: initial;
    top: 200px;
}
#factores .btn_next,#factores .btn_prev{
    bottom: initial;
    top: 250px;
}
.antibtn.inactive{
    opacity: 0.4;
}
#hr_3 .btn_next,#hr_3 .btn_prev{
    bottom: initial;
    top: 260px;
}
#carrusel_localtrats .carousel-indicators.down,.carousel-indicators.down{
    top: initial!important;
    bottom: -40px;
    /*background: rgba(255,0,0,0.5);*/
}
#carrusel_localtrats .carousel-indicators li,.carousel-indicators li,
#carrusel_teho .carousel-indicators li,#carrusel_quimio .carousel-indicators li{
    width: 15px;
    height: 15px;
    border: 1px solid #007bff;
}
#carrusel_localtrats .carousel-indicators li.active, .carousel-indicators li.active,
#carrusel_teho .carousel-indicators li.active,#carrusel_quimio .carousel-indicators li.active{
    background-color: #007bff;
}
.carousel-indicators.move_up{
    bottom: initial;
    top: -35px;
}
.btn_help{
    width: 250px;
    position: absolute;
    right: 5px;
}
#special_adjuts{
    min-height: 330px;
}
.has_medix{
    width: 1104px!important;
}
#medics_base{
    width: 880px;
    height: 1040px;
}
.has_medic_tooltip{
    width: 143px;
    height: 25px;
    position: absolute;
    left: 425px;
    top: 390px;
}
.has_manual{
    width: 706px;
    height: 430px;
}
.the_manual{
    width: 115px;
    height: 125px;
    position: absolute;
    left: 75px;
    top: 145px;
}
.has_vigact{
    width: 890px;
    height: 355px;
}
.vigact1{
    width: 150px;
    height: 25px;
    position: absolute;
    left: 750px;
    top: 164px;
}
.has_trainin{
    width: 706px;
    height: 527px;
}
.train1{
    width: 195px;
    height: 25px;
    position: absolute;
    left: 263px;
    top: 125px;
}
.train2{
    width: 68px;
    height: 27px;
    position: absolute;
    left: 381px;
    top: 175px;
}
.flecha_azul{
    width: 50px;
    height: 50px;
}
.lil_note{
    position: absolute;
    width: 105px;
    height: 105px;
    bottom: 0;
}
.btn_vermas{
    position: absolute;
    bottom: 0;
    right: 64px;
    bottom: 25px;
}
.has_des{
    width: 706px;
    min-height: 697px;
}
#bulb_base{
    width: 880px;
    height: 144px;
}
.has_bulb_tooltip{
    width: 165px;
    height: 25px;
    position: absolute;
    left: 239px;
    top: 67px;
}
.des.off{
    filter: blur(8px);
    -webkit-filter: blur(8px)
}
.esquema{
    width: 800px;
    height: 232px;
}
.sq_elem{
    position: absolute;
}
.sq_1{
    width: 250px;
    height: 60px;
    top: 98px;
    left: 20px;
}
.sq_2{
    width: 277px;
    height: 145px;
    top: 60px;
    left: 350px;
}
.sq_3{
    width: 250px;
    height: 60px;
    top: 2px;
    left: 594px;
}
.sq_4{
    width: 250px;
    height: 60px;
    top: 98px;
    left: 594px;
}
.sq_5{
    width: 250px;
    height: 60px;
    top: 192px;
    left: 594px;
}
#has_pdf_link{
    width: 706px!important;
    height: 430px!important;
}
.btn-orange{
    background: #ed6a2e;
}
.btn-orange:hover{
    background: #bc5323;
}
.tab_txt{
    font-size: 1.3em;
}
.swal2-styled.swal2-confirm{
    background-color: #007bff!important;
}
.left_elem{
    z-index: 2;
}
.right_elem{
    z-index: 5;
}
.tdo1{
    width: 912px;
    height: 486px;
}
.tdo_elem{
    position: absolute;
}
.tdo_elem1{
    width: 185px;
    height: 20px;
    top: 98px;
    left: 480px;
}
.has_cartwo_containr{
    width: 882px;
    height: 515px;
}
.cartwo_elem{
    position: absolute;
    top: 0;
    left: 0;
}
.cartwo_1{
    top: 285px;
    left: 100px;
    height: 20px;
    width: 55px;
}
.cartwo_2{
    top: 288px;
    left: 670px;
    height: 20px;
    width: 55px;
}
.lilheads{
    width: 253px;
    height: 184px;
}
.has_instructions{
    width: 874px;
    height: 347px;
}
.instruc_elem{
    position: absolute;
    top: 0;
    left:0;
    width: 50px;
    height: 20px;
}
.instruc_1{
    top: 323px;
    left: 115px;
}
.instruc_2{
    top: 329px;
    left: 685px;
}
.has_cold{
    width: 858px;
    height: 612px;
}
.cold_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 30px;
    z-index: 1;
    /*background: rgba(255,0,0,0.5);*/
}
.cold_elem_1{
    top: 184px;
    left: 34px;
    z-index: 10;
    width: 223px;
    height: 215px;
}
.cold_elem_2{
    top: 190px;
    left: 438px;
    z-index: 10;
    width: 221px;
    height: 216px;
}
.has_bullseye{
    width: 1074px;
    height: 660px;
}
.bull_elem_1{
    position: absolute;
    top: 41%;
    left: 60%;
    width: 10%;
    height: 6%;
}
.has_subbullseye{
    width: 890px;
    height: 160px;
}
.bull_elem_2{
    position: absolute;
    top: 100px;
    left: 570px;
    width: 85px;
    height: 20px;
}
.has_milch{/**/
    width: 1074px;
    height: 460px;
    transform: scale(.8);
    margin-left: -120px;
}
.milch_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 30px;
    /*background: rgba(255,0,0,0.5);*/
}
.milch_elem_1{
    top: 270px;
    left: 120px;
    width: 272px;
}
.milch_elem_2{
    top: 450px;
    left: 702px;
    width: 340px;
    height: 59px;
}
.maxh_221{
    max-height: 221px;
}
.has_saloon{
    width: 982px;
    height: 385px;
    z-index: 1;
}
.raster{
    z-index: 2;
    width: 153px!important;
    height: 165px!important;
}
.rooster{
    position: absolute;
    top: 0;
    left: 0;
    width: 153px;
    height: 165px;
    /*background: rgba(0,255,0,0.5);*/
}
.rooster_1{
    top: 12px;
    left: 45px;
}
.rooster_2{
    top: 12px;
    left: 235px;
}
.rooster_3{
    top: 12px;
    left: 430px;
}
.rooster_4{
    top: 12px;
    left: 624px;
}
.rooster_5{
    top: 12px;
    left: 816px;
}
.rooster_6{
    top: 200px;
    left: 816px;
}
.rooster_7{
    top: 200px;
    left: 620px;
}
.rooster_8{
    top: 200px;
    left: 432px;
}
.rooster_9{
    top: 200px;
    left: 233px;
}
.rooster_10{
    top: 200px;
    left: 42px;
}
.has_lg{
    width: 890px;
    height: 397px;
}
.lg_elem{
    position: absolute;
    top: 83%;
    left: 14%;
    width: 13%;
    height: 10%;
}
.has_pizarra{
    width: 874px;
    height: 503px;
}
.piz_elem{
    position: absolute;
    top: 120px;
    left: 30px;
    width: 293px;
    height: 40px;
}
.pizarra_ejercicio{
    z-index: 2;
    width: 522px;
    height: 486px;
}
.capa{
    width: 522px;
    height: 486px;
    position: absolute;
    z-index: 5;
    background: rgba(55,55,55,0.9);
}
.capa.capa_6{
    height: 27px;
}
.capa.capa_5{
    height: 54px;
}
.capa.capa_4{
    height: 87px;
}
.capa.capa_3{
    height: 261px;
}
.capa.capa_2{
    height: 348px;
}
.capa.capa_1{
    height: 435px;
}
.rams{
    width: 858px!important;
    /*height: 540px;*/
}
.rams_0{
    width: 139px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 58px;
    left: 252px;
}
.rams_1{
    width: 150px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 145px;
    left: 540px;
}
.outta{
    width: 858px!important;
    /*height: 686px;*/
}
.outta_0{
    width: 94px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 118px;
    left: 614px;
}
.outta_1{
    width: 175px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 277px;
    left: 38px;
}
.outta_2{
    width: 138px;
    height: 26px;
    position: absolute;
    z-index: 5;
    top: 327px;
    left: 150px;
}
.outta_3{
    width: 135px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 521px;
    left: 76px;
}
.outta_4{
    width: 135px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 400px;
    left: 568px;
}
.outta_5{
    width: 135px;
    height: 23px;
    position: absolute;
    z-index: 5;
    top: 632px;
    left: 95px;
}
.vacun{
    width: 858px!important;
    /*height: 540px;*/
}
.vacun_elem{
    width: 310px;
    height: 30px;
    position: absolute;
    z-index: 5;
    top: 235px;
    left: 35px;
}
.map_conc{
    width: 858px;
    height: 465px;
}
.conc_1{
    width: 21%;
    height: 7%;
    position: absolute;
    z-index: 5;
    top: 69%;
    left: 75%;
}
.conc_2{
    width: 8%;
    height: 5%;
    position: absolute;
    z-index: 5;
    top: 76%;
    left: 79%;
}
.damap{
    width: 858px;
    height: 651px;
}
.domap_elem{
    width: 12%;
    height: 6%;
    position: absolute;
    z-index: 5;
    top: 46%;
    left: 71%;
}
.chimp{
    width: 522px;
    height: 656px;
}
.chimp_elem{
    z-index: 1;
    position: absolute;
    top:0;
    left: 40px;
    width: 50px;
    height: 50px;
    /*background: rgba(0,255,0,0.5);*/
}
.chimp_1{
    top: 80px;
    left: 40px;
}
.chimp_2{
    top:190px;
}
.chimp_3{
    top:300px;
}
.chimp_4{
    top:405px;
}
.chimp_5{
    top:520px;
}
.panc_elem{
    z-index: 5;
    position: absolute;
    top: 56px;
    left: 130px;
    width: 450px;
    height: 100px;
    /*background: rgba(255,0,0,0.5);*/
}
.panc_1{
    top: 60px;
}
.panc_2{
    top: 170px;
}
.panc_3{
    top: 265px;
}
.panc_4{
    top: 387px;
}
.panc_5{
    top: 502px;
}
.grafours{
    width: 858px;
    height: 285px;
}
.grafour_elem{
    position: absolute;
    top: 0px;
    left: 230px;
    width: 210px;
    height: 345px;
}
.gms_elem{
    width: 338px;
    height: 253px;
}
.damap_ud{
    width: 1074px;
    height: 579px;
}
.damap_2{
    width: 890px;
    height: 480px;
}
.damap_clickable{
    position: absolute;
    top: 386px;
    left: 808px;
    width: 80px;
    height: 65px;

}
.ruleta{
    width: 338px;
    height: 426px;
}
.ruleta_elem{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    /*background: rgba(0,255,0,0.5);*/
}
.ruleta_1{
    top: 47px;
    left: 94px;
}
.ruleta_2{
    top: 47px;
    left: 205px;
}
.ruleta_3{
    top: 145px;
    left: 255px;
}
.ruleta_4{
    top: 228px;
    left: 205px;
}
.ruleta_5{
    top: 228px;
    left: 94px;
}
.ruleta_6{
    top: 145px;
    left: 55px;
}
.puzz_base{
    width: 1074px;
    height: 431px;
}
.lle{
    position: absolute;
    top: 0;
    left: 0;
}
.lle_1{
    width: 200px;
    height: 140px;
    top: 75px;
    left: 177px;
}
.puzz_elem_1{
    width: 200px;
    height: 140px;
}
.lle_2{
    width: 230px;
    height: 140px;
    top: 75px;
    left: 385px;
}
.puzz_elem_2{
    width: 230px;
    height: 140px;
}
.lle_3{
    width: 154px;
    height: 110px;
    top: 222px;
    left: 15px;
}
.puzz_elem_3{
    width: 154px;
    height: 110px;
}
.lle_4{
    width: 270px;
    height: 110px;
    top: 222px;
    left: 622px;
}
.puzz_elem_4{
    width: 270px;
    height: 110px;
}
.lle_5{
    width: 230px;
    height: 140px;
    top: 338px;
    left: 384px;
}
.puzz_elem_5{
    width: 230px;
    height: 90px;
}
.lle_6{
    width: 270px;
    height: 140px;
    top: 338px;
    left: 622px;
}
.puzz_elem_6{
    width: 270px;
    height: 90px;
}
.fotos_morros{
    width: 262px;
    height: 185px;
}
.img_x4{
    width: 786px;
    height: 268px;
}
.has_x4{
    position: absolute;
    top: 95px;
    left: 320px;
    width: 100px;
    height: 40px;
}
.help_1{
    position: absolute;
    top: 40%;
    left: 15%;
    width: 75%;
}
.help_2{
    position: absolute;
    top: 55%;
    left: 15%;
    width: 75%;
}
.help_3{
    position: absolute;
    top: 87%;
    left: 15%;
    width: 75%;
}
.help_4{
    position: absolute;
    top: 33%;
    left: 15%;
    width: 75%;
}
.help_5{
    position: absolute;
    top: 80%;
    left: 15%;
    width: 75%;
}
.help_6{
    position: absolute;
    top: 33%;
    left: 15%;
    width: 75%;
}
.help_7{
    position: absolute;
    top: 60%;
    left: 15%;
    width: 75%;
}
.help_8{
    position: absolute;
    top: 50%;
    left: 15%;
    width: 75%;
}
.help_9{
    position: absolute;
    top: 70%;
    left: 15%;
    width: 75%;
}
.help_10{
    position: absolute;
    top: 45%;
    left: 15%;
    width: 75%;
}
.help_11{
    position: absolute;
    top: 80%;
    left: 15%;
    width: 75%;
}
.help_12{
    position: absolute;
    top: 45%;
    left: 15%;
    width: 75%;
}
.audiovisual{
    width: 878px;
    height: 480px;
}
.auvis{
    position: absolute;
    width: 40px;
    height: 65px;
    top: 0;
    left: 0;
}
.auvis_1{
    top: 5px;
    left: 352px;
}
.auvis_2{
    top: 5px;
    left: 500px;
}
.auvis_3{
    top: 50px;
    left: 664px;
}
.auvis_4{
    top: 130px;
    left: 150px;
}
.auvis_5{
    top: 180px;
    left: 643px;
}
.auvis_6{
    top: 180px;
    left: 776px;
}
.vater_anex{
    width: 663px;
    height: 210px;
}
.has_anex_8{
    position: absolute;
    width: 80px;
    height: 40px;
    top: 145px;
    left: 527px;
}
.has_sevenz{
    transform: scale(.8);
    margin-left: -120px;
}
.has_eq_btns .btn-primary{
    min-height: 110px;
}
.has_eq_btns .btn-success{
    min-height: 302px;
}
.has_mltpy .btn{
    min-height: 90px;
}
.hks{
    min-height: 232px;
}
.tt_tt{
    width: 28%;
    height: 15%;
    position: absolute;
    top: 35%;
    left: 69%;
}
[data-toggle="popover"] {
    color: #007bff!important;
    text-decoration: underline;
    font-weight: 600;
}
@media (min-width:1200px){
    .tomov{
        max-width: 100%;
    }
    .has_index {
        width: 1200px;
        height: 1200px;
        background-image: url(../img/portada/portada_sarampion.jpg?v=2);
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 890px;
        position: relative
    }
    .unit_btn{
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
    }
    #bu1{
        left: 638px;
        top: 43px;
        width: 518px;
        height: 95px;
    }
    #bu2{
        left: 638px;
        top: 177px;
        width: 518px;
        height: 95px;
    }
    #bu3{
        left: 638px;
        top: 308px;
        width: 518px;
        height: 95px;
    }
    #bu4{
        left: 638px;
        top: 440px;
        width: 518px;
        height: 95px;
    }
    #bu5{
        left: 638px;
        top: 573px;
        width: 518px;
        height: 95px;
    }
    #bu6{
        left: 638px;
        top: 707px;
        width: 518px;
        height: 95px;
    }
    #bu7{
        left: 640px;
        top: 836px;
        width: 518px;
        height: 95px;
    }
    #bu8{
        left: 640px;
        top: 970px;
        width: 518px;
        height: 95px;
    }
}
@media (max-width:1199px) and (min-width:769px) {
    .tomov{
        max-width: 100%;
        margin-left: 5%;
    }
    .has_index {
        width: 1000px;
        height: 1000px;
        background-image: url(../img/portada/portada_sarampion.jpg?v=2);
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 890px;
        position: relative
    }
    .unit_btn{
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
    }
    #bu1{
        left: 538px;
        top: 37px;
        width: 422px;
        height: 75px;
    }
    #bu2{
        left: 538px;
        top: 152px;
        width: 422px;
        height: 75px;
    }
    #bu3{
        left: 538px;
        top: 262px;
        width: 422px;
        height: 75px;
    }
    #bu4{
        left: 538px;
        top: 370px;
        width: 422px;
        height: 75px;
    }
    #bu5{
        left: 538px;
        top: 480px;
        width: 422px;
        height: 75px;
    }
    #bu6{
        left: 538px;
        top: 590px;
        width: 422px;
        height: 75px;
    }
    #bu7{
        left: 530px;
        top: 700px;
        width: 422px;
        height: 75px;
    }
    #bu8{
        left: 530px;
        top: 810px;
        width: 422px;
        height: 75px;
    }
}

@media (max-width:768px) {
    .btn_help{
        position: initial;
    }
    .has_index{
        display: none;
    }
    #lil_index{
        display: block;
    }
    #carrusel_iutu .carousel-control-next.xtra.homolox{
        top: 55px;
    }
    #has_numerales .col{
        flex-basis: inherit!important;
        text-align: center;
        margin-bottom: 10px;
    }
    .carousel-control-next.xtra {
        right: -8px;
    }
    .carousel-control-next.xtra.homolox {
        bottom: initial;
        top: 55px;
        width: 40px;
        right: -45px;
    }
    .has_multis {
        max-height: none
    }
    #nambers {
        right: 15%;
    }
    .has_contenido_unidad {
	margin-top: 100px;
    }
    #menu_movil {
            display: inherit
    }
    #menu_movil li.nav-item {
            text-align: center
    }
    #has_upmenu {
            display: none
    }
    #banner_unidad {
            display: none
    }
    #myTabMD li {
            display: contents
    }
    #fuentes li {
            text-overflow: ellipsis;
            overflow-x: hidden
    }
    .onlyrpv {
            display: inherit
    }
    .row.has_units {
            position: inherit;
            padding-top: 50vh
    }
    .container.index,
    .container.principal {
            width: 100%;
            height: 100vh
    }
    .to_contains {
            height: 92vh;
		margin: 0
    }
    .foot_nav {
            position: fixed;
            bottom: 0
    }
    #has_upmenu {
            font-size: 1em;
            flex-wrap: nowrap;
            text-align: center
    }
    .has_index {
            min-height: 90vh
    }
    .has_contenido_curso {
            height: auto
    }
    .navbar {
            display: inherit
    }
    #sidebar {
            margin-left: -250px
    }
    #sidebar.active {
            margin-left: 0
    }
    #sidebarCollapse span {
            display: none
    }
    #hr_3 .btn_next,#hr_3 .btn_prev{
        bottom: initial;
        top: 260px;
    }
    #factores .btn_next,#factores .btn_prev{
        bottom: initial;
        top: 250px;
    }
    #kp_16 .btn_next,#kp_16 .btn_prev{
        top: initial;
        bottom: 20px;
    }
}
@media (min-width:768px){
    .swal2-popup.swal2-modal.swal2-show {
        min-width: 800px;
    }
    .gn_btn{
        min-height: 62px;
    }
}