html,
body {
	min-height: 100%;
	min-height: 100vh;
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Lato';
	font-weight: 300;
	color: #00040A;
}

body {
	overflow-x: hidden;
}

b,
strong {
	font-weight: bold;
}

/**********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;
}

.maincontainer {
	min-height: 200px;
}

.btn-menus {
	cursor: pointer;
	color: #FFF;
}

.btn-menus:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.btn__close_menu {
}

.__btn-menu {
	cursor: pointer;
}

.no-overflow {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
}

.menu-container {
	position: absolute;
	width: 100%;
	overflow-y: auto;
	z-index: 88;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	left: -100%;
}

.btn__navs {
	display: inline-block;
	margin-left: .75em;
	margin-right: .75em;
	cursor: pointer;
}

.iinstruccion {
	    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 2px solid #63778F;
    border-radius: 15px;
    padding:0 .3em;
    background-color: #FFF;
    color: #63778F;
    font-weight: 300;
    font-size: 89%;
    margin: 0;
    align-items: center;
}
.iinstruccion.vwhite{
	background-color: rgba(255,255,255,0);
	color: #fff;
} 

.iinstruccion::before {
	content: url(../img/template/in.png);
    position: relative;
    display: inline-block;
    margin-right: .5em;
    padding-top: 10px;
}
.iinstruccion.vwhite::before {
	content: url(../img/template/in2.png);
}

@media screen and (min-width:768px) {
	.iinstruccion::before {
	
	}

}

@media screen and (min-width:1000px) {
	.iinstruccion::before {
   
}

}

.pleca:before {
	content: "";
	position: absolute;
	right: -16px;
	top: -3px;
	width: 26px;
	height: 103%;
	background-color: #fff;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	-webkit-box-shadow: 4px 0px 7px -4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 0px 7px -4px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 0px 7px -4px rgba(0, 0, 0, 0.75);
}

[class*="btn"] {
	cursor: pointer;
}

.btn-nav {
	position: absolute;
	z-index: 999;
}

.btn__siguiente {
	right: .325em;
}

.btn__atras {
	left: .325em;
}

.btn-nav {
	display: block;
}

@media(max-width:767px) {
	.btn-nav {
		display: none !important;
	}

	.pleca:before {
		display: none;
	}

}

/********************************************/
.swal2-close {
	outline: none !important;
}

.main-navbar {
}

.wow {
	visibility: hidden;
}

[class*="btn"] {
	cursor: pointer;
}

.text-white b,
.text-white strong {
	color: #FFF;
}

/*********************************************/
.objectsvg svg {
	position: absolute;
	top: 0;
	left: 0;
}

.objectsvg {
	position: relative;
	height: 0;
}

.btn-nseccion {
	width: 65px;
}

.loadclass {
	visibility: hidden;
}

/********************/
.curso-progress {
	width: 50%;
	position: relative;
	margin: 0 auto;
}

.itemsmenu {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	font-size: 20px;
}

[class*="menu_wtema"],
.btn_menu_tema {
	padding: 5px;
	padding-left: 1em;
	margin-bottom: .323em;
}

.menu_nombremodulo {
	color: #FFF;
	font-size: 1.3em;
	font-weight: bolder;
	margin-top: 1em;
}

[class*="menu_wtema"] div:not(.btn_menu_padre) {
	padding-left: 2em;
}

[class*="menu_modulo"] {
	margin-bottom: 1em;
}

.btn_menu_tema {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.btn_menu_tema:hover {
	color: #fff;
}

.btn_menu_tema.actual {
	color: #fff;
}

.btn_menu_tema.actual,
.btn_menu_tema:hover {
	background-color: #80d9d7;
}

.btn_menu_padre:before {
	content: '\f146';
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	padding-right: 1em;
}

.btn_menu_padre.close_menu_items::before {
	content: '\f0fe';
}

.btn_menu_padre .btn_menu_tema {
	padding-left: 2em;
}

.subtenma.abierto {
	left: 0 !important;
}

div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-right {
	display: none;
}

div.subtenma > div.btn-show-subs > i.far.fa-chevron-right {
	display: inline;
}

div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-left {
	display: inline;
}

div.subtenma > div.btn-show-subs > i.far.fa-chevron-left {
	display: none;
}

.subtenma {
	position: absolute;
	left: 0;
	top: 70px;
	padding: .285em;
	background-color: #A60000;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	color: #FFF;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	z-index: 35;
}

.itemactivemenu {
	background-color: rgba(0,0,0,.3);
}

.menu-container.show {
	left: 0;
}

.menu-container {
}

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	transform-style: preserve-3d;
}

/*  UPDATED! flip the pane when hovered */
.flip-container.fliphover .back_flip {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

.flip-container.fliphover .front {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.flip-container,
.front_flip,
.back_flip {
	width: 100%;
	height: auto;
	min-height: 250px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
	display: block;
}

/* hide back of pane during swap */
.front_flip,
.back_flip {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front_flip {
	z-index: 2;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back_flip {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

/* 
Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
}

.vertical .back_flip {
	transform: rotateX(180deg);
}

.vertical.flip-container:hover .back_flip {
	transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
	transform: rotateX(180deg);
}

.popup-class {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 34%, rgba(228, 237, 244, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 34%, rgba(228, 237, 244, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 34%, rgba(228, 237, 244, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4edf4', GradientType=1);
	border-radius: 20px;
	border: solid 2px #3c4562;
}

.pulsej{animation-name:pulse_animation;animation-duration:1000ms;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.1);}
  50%{transform:scale(1);}
  60%{transform:scale(1);}
  70%{transform:scale(1.08);}
  80%{transform:scale(1);}
  100%{transform:scale(1);}
}
@-moz-keyframes pulse_animation{
  0%{transform:scale(1);}
  30%{transform:scale(1);}
  40%{transform:scale(1.1);}
  50%{transform:scale(1);}
  60%{transform:scale(1);}
  70%{transform:scale(1.08);}
  80%{transform:scale(1);}
  100%{transform:scale(1);}
}
@-o-keyframes pulse_animation{
  0%{transform:scale(1);}
  30%{transform:scale(1);}
  40%{transform:scale(1.1);}
  50%{transform:scale(1);}
  60%{transform:scale(1);}
  70%{transform:scale(1.08);}
  80%{transform:scale(1);}
  100%{transform:scale(1);}
}
@keyframes pulse_animation{
  0%{transform:scale(1);}
  30%{transform:scale(1);}
  40%{transform:scale(1.1);}
  50%{transform:scale(1);}
  60%{transform:scale(1);}
  70%{transform:scale(1.08);}
  80%{transform:scale(1);}
  100%{transform:scale(1);}
}

.lato{
	font-family: 'Lato';
}
.blocknav, .disabled{ opacity: .5; cursor: not-allowed; }
.poster_video img{
max-width: 50%;
}

.bl1 { list-style-image: url(../img/template/bullet1.png); }
.list-flor { list-style-image: url(../img/template/bullet2.png); }