html,body{ 
	width:100%;
	height:100%;
	background:#333333;
  overflow-x: hidden;
  position: relative;
  font-family: 'Montserrat', sans-serif;
}

#secundaria_2{
	background:#161515;
}

#contenedor_principal{
	width: 100%;
	margin-top: 10px;
}

#contenedor_1, #contenedor_2{
	float: left; 
	height: 300px;
	background-color:#161515;
	color: #FFFFFF;
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
	display: flex;
  align-items: center;
  justify-content: center;
}

#conten_1{
   max-width: 600px;
}

#conten_2{
   max-width: 400px;
}

#contenedor_1{
	width: 59%;
	margin-left: 1%;
}

#contenedor_2{
	width: 38%;
	margin-left: 1%;
	margin-right: 1%;
}

#contenedor_1 h1{
  color: #BFD2D8;
  font-size: 40px;
  font-weight: 300;
  max-width: 500px;
  margin-bottom: 60px;
}

#cuadro_video{
	width: 600px;
	height: 300px;
}

#pie_video{
	max-width: 540px;
	color: #BFD2D8;
	margin-top: 10px;
	font-size: 16px;
	background-color: rgb(0, 0, 0, 0.3); 
	padding: 5px;
	border-radius: 10px;
	font-weight: 500;
}

#text_ceditos{
	max-width: 600px;
	color: #BFD2D8;
	font-size: 16px;
	background-color: rgb(0, 0, 0, 0.3); 
	padding: 10px;
	border-radius: 10px;
	font-weight: 500;
}

.boton1{
	width: 200px;
	height: 44px;
	background: #E7F2F0;
	color: #161515;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 600;
	padding-top: 8px;
	margin-top: 40px;
	cursor: pointer;
}

.boton1:hover{
	background: #161515;
	color: #E7F2F0;
	border: solid #E7F2F0 1px;
}

.boton2{
	width: 200px;
	height: 44px;
	background: #161515;
	color: #E7F2F0;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 600;
	padding-top: 8px;
	margin-top: 40px;
	border: solid #E7F2F0 1px;
	cursor: pointer;
}

.boton2:hover{
	background: #E7F2F0;
	color: #161515;
}

/*VENTANA EMERGENTE CONTENIDOS*/

#opaco, #opaco2, #opaco3, #opaco4, #opaco5{
  width: 100%;
  height: auto;
  min-height: 100%;
  position: fixed;
  top: 0px;
  background-color: rgba(0,0,0,0.40);
  z-index: 9000000000;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}

#opaco3, #opaco4, #opaco5{
	 display: flex;
	 -youbkit-touch-callout: none; 
  -youbkit-user-select: none;   
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;  
}

.popup-base{
  padding: 0px;
  background-color: #4D5259;
  color: #FFFFFF;
  font-weight: 600;
  width: 80%;
  max-width: 690px;
  min-height: 440px;
  border: solid 2px #4D5259;
  border-radius: 20px;
}

@media (max-width: 626px) {
	.popup-base{
		overflow-y: scroll; 
		height:500px;
	}
}

@media (max-height: 763px) {
	.popup-base{
		overflow-y: scroll; 
		height:500px;
	}
}


#opaco4 .popup-base{
	 min-height: 240px;
}

.barra_cerrar{
  width: 100%;
  height: 70px;
}

.boto_cerrar{
  float: right;
  padding-top: 21px;
  padding-right: 20px;
  cursor: pointer;
  color: #E7F2F0;
}

.contenido_popup p{
	font-size: 23px;
	font-weight: 300;
	color: #BFD2D8;
}

#campos_login{
	width: 70%;
	max-width: 714px;
	min-width: 300px;
}

#umanualForm input, #loginForm input, #inscripcionForm input, #perfilForm input, #perfilForm select, #perfilForm textarea, #inscripcionForm select, #inscripcionForm textarea{ 
  background-color: #E4F2F0;
  border: 1px solid #707070;
  border-radius: 10px;
  height: 42px;
  margin-bottom: 20px;
}

#inscripcionForm textarea, #perfilForm textarea{ 
  height: 80px;
}

#inscripcionForm select, #perfilForm select{
	color: #000000;
	padding: 2px;
}


label, #inscripcionForm span, #perfilForm span{
	font-size: 13px;
	font-weight: 500;
}

#umanualForm label, #loginForm label, #inscripcionForm label, #perfilForm label, #inscripcionForm span, #perfilForm span{
	font-size: 18px;
	font-weight: 300;
	color: #BFD2D8;
}

#loginForm a, #inscripcionForm a{
	text-decoration: underline;
	font-size: 14px;
	color: #BFD2D8;
}

/*VENTANA EMERGENTE*/


#contenedor_2{
	background-repeat: no-repeat;
  background-image:url(../images/fondos/fondo-2.svg);
}

#contenedor_1{
	background-repeat: no-repeat;
  background-image:url(../images/fondos/fondo-2.svg);
  background-position: top left;
}


#secundaria_1 #contenedor_2{
	background-repeat: no-repeat;
  background-image:url(../images/fondos/fondo-3.svg);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

#secundaria_2 #contenedor_2{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

#secundaria_1 #contenedor_1{
	background-repeat: no-repeat;
  background-image:none;
  background-color: #1D2022;
}

#secundaria_2 #contenedor_1, #secundaria_2 #contenedor_2{
	background-repeat: no-repeat;
  background-image:none;
  background-color: transparent;
}

#contergrand{
	float: left;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	position: relative;
}

#secundaria_1 #contenedor_2, #secundaria_1  #contenedor_3, #secundaria_2 #contenedor_2, #secundaria_2  #contenedor_3{
	float: none;
	height: 300px;
	background-color:#161515;
	color: #FFFFFF;
}


#secundaria_1 #contenedor_2, #secundaria_2 #contenedor_2{
 position: relative;
}

#secundaria_1  #contenedor_3, #secundaria_2  #contenedor_3{
	width: 35%;
	margin-left: 10px;
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

#secundaria_1  #contenedor_1, #secundaria_2 #contenedor_1{
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	display: block;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

/************************MENU****************************/

#contenedor_3 #ico_menu{
	padding-top: 35px;
	padding-left: 0px;
	cursor: pointer;
	float: left;
	width: 100px;
	background-color: transparent;
}

#contenedor_3 h1{
	font-size: 20px;
	text-transform: uppercase;
	float: left;
	width: 280px;
	font-weight: 300;
	padding-top: 20px;
	text-align: left;
}

#secundaria_1 #opaco, #secundaria_2 #opaco{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  display: none;
}

#secundaria_1  #opaco .popup-base, #secundaria_2  #opaco .popup-base{
	position: absolute;
	left: 10px;
	top: 10px;
  padding: 0px;
  background-color: transparent;
  color: #FFFFFF;
  font-weight: 600;
  width: 80%;
  max-width: 600px;
  border: none;
}

#secundaria_1 #opaco .boto_cerrar, #secundaria_2 #opaco .boto_cerrar{
  float: left;
  padding-top: 5px;
  padding-left: 4px;
  color: #E7F2F0;
}

#secundaria_1 #conten_2, #secundaria_2 #conten_2{
   max-width: 100%;
   width: 100%;
}

.item_menu{
	height: 70px;
	border-radius: 20px;
	margin-bottom: 4px;
	align-items: flex-start;
	text-align: left;
	padding-left: 20px;
	padding-top: 18px;
	font-size: 18px;
	cursor: pointer;
	background-color: #484646;
}

#item_2{
	background-color: #49A68B;
}

#item_3{
	background-color: #7A6B4B;
}

#item_4{
	background-color: #1C545F;
}

#item_5{
	background-color: #8A9BA6;
}

#item_6{
	background-color: #4A5262;
}

#item_7{
	background-color: #281c15;
}

#item_8{
	background-color: #8e1e1d;
}

#vinnetas{
	margin-top: -49px;
	
}

#secundaria_1 .btn-primary{
	height: 48px;
	width: 40%;
	margin: 0px;
	border-radius: 20px 20px 0px 0px;
	font-size: 18px;
	font-weight: 500;
	margin-right: -3px;
}

#secundaria_1 #valor_1{
	background-color: #8C1C31;
	border-color: #8C1C31;
}

#secundaria_1 #valor_2{
	background-color: #7A6B4B;
	border-color: #7A6B4B;
}

#valor_1, #valor_2{
	min-width: 150px;
}

#valor_1:focus, #valor_1:active{
    box-shadow: 0 0 0 0 transparent !important;
    border-color: #8C1C31 !important;
    border: none !important;
    outline-color: #8C1C31 !important; 
}

#valor_2:focus, #valor_2:active{
    box-shadow: 0 0 0 0 transparent !important;
    border-color: #7A6B4B !important;
    border: none !important;
    outline-color: #7A6B4B !important; 
}

#contenedor_texto_1, #contenedor_texto_2{
	min-height: 100px;
	width: 100%;
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
	display: none;
	overflow-y: hidden;
}

#contenedor_texto_1_interior, #contenedor_texto_2_interior{
	margin-top: 10px;
	width: 98%;
	overflow-y: scroll;
}

::-webkit-scrollbar{
    width: 10px;
    background-color: transparent;
    opacity: 0.2;
    border-radius: 12px;
    height: 0px;
}
::-webkit-scrollbar-track{
    background-color: transparent; 
    opacity: 0.2;
    height: 10px;
    border: solid transparent; 1px;
}
::-webkit-scrollbar-thumb{
    background-color: #8A9BA6;
    border-radius: 12px;
    width: 10px;
    height: 0px;
    cursor: pointer;
}

#contenedor_texto_1 .decoracion, #contenedor_texto_2 .decoracion{
	background-color: #8C1C31;
	height: 5.5px;
	width: 100%;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}

#contenedor_texto_2 .decoracion{
	background-color: #7A6B4B;
}

#texto_intro{
	width: 94%;
	padding-top: 60px;
}

#fomulario_dtm{
	padding-top: 30px;
	width: 100%;
}

@media (max-width: 1100px) {
	#fomulario_dtm{
		max-width: 530px;
		min-width: 300px;
	}

	.conten_formulario{
		max-width: 530px;
		min-width: 300px;
	}

	.row .fomula{
		max-width: 530px;
		min-width: 300px;
		padding: 0px;
	}

	.titulo_en_cel{
		width: 100%;
		align-content: flex-start;
	}
}

.conten_formulario{
	width: 100%;
	min-height: 100px;
	border: solid 1px #929DA5;
	border-radius: 10px;
	margin-bottom: 10px;
}

.conten_formulario p{
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-size: 15px;
}

.conten_formulario hr{
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
	background-color: #929DA5;
	color: #929DA5;
	border: 0.7px solid #929DA5;
}

.conten_formulario .fomula{
	padding: 10px;
}

.conten_formulario select{
  color: black;
  min-width: 130px;
}

.conten_formulario label{
	font-weight: 500;
	font-size: 13px;
}


.boton_select_especial{
	width: 130px;
	height: 20px;
	background-color: #FFFFFF;
	cursor: pointer;
	color: #000000;
}

.titulo_select{
	float: left;
	padding-right: 4px;
	font-size: 13px;
	min-width: 62px;
	font-weight: 500;
}

.contenedor_select_especial{
	float: left;
}

.ico_select_especial{
	float: right;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
  background-image:url(../images/icoselect.png);
  background-size: 14px 14px;
  border: solid #707070 2px;
  border-right: 1px;
  border-top: 1px;
  border-bottom: 1px;
  background-position: 2px 3px;
}

.contenido_select_especial{
	position: relative;
	width: 130px;
	min-height: 29px;
	background-color: #FFFFFF;
	border: solid #707070 2px;
  border-right: 1px;
  border-left: 1px;
  border-bottom: 1px;
  position: absolute;
  z-index: 2;
  display: none;
}

.cobertor_especial{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 888888888;
}

td .cobertor_especial{
	margin-left: -15px;
	margin-top: -15px;
}

.contenido_select_especial label{
	color: #000000;
	font-size: 12px;
	font-weight: 500;
}

.contenido_select_especial .form-check{
	border-bottom: solid #707070 1px !important; 
	width: 130px;
	padding-left: 5px;
}

.contenido_select_especial .form-check input{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}

.contenido_select_especial .form-check .doble{
  margin-top: 11px;
}

.form-check-input:checked{
		color: #ad1457 !important; 
		font-weight: 500 !important; 
}

input:checked{
	accent-color: #7A6B4B;
}

input[type="checkbox"] {
  accent-color: #7A6B4B;    
}

.titulo_interno{
	color: #BFD2D8;
	font-size: 23px;
	font-weight: 500;
	margin-top: 30px;
	margin-left: 60px;
}

.contenedor_video, .indicador{
	width: 100%;
	padding-left: 60px;
	padding-right: 60px;
  margin-top: 60px;
}

.indicador, .indicador_cel{
	height: 24px;
}

.vvideo{
	background-color: transparent;
	width: 100%;
	height: 450px;
}

.circulo{
	border: 2px solid #8D9BA5;
	border-radius: 50px;
	width: 24px;
	height: 24px;
	float: left;
}

.indicador_interior, .indicador_interior_cel{
	width: 625px;
	height: 24px;
}

.indicador_interior_cel{
	width: 274px;
	padding-top: 40px;
}

.indicador_cel .circulo{
	width: 44px;
	height: 44px;
	font-size: 25px;
	padding-top: 3px;
}

.indicador hr, .indicador_cel hr{
	float: left;
	width: 15px;
	font-weight: 900;
	background-color: #8D9BA5;
	color: #8D9BA5;
	border: 1px solid #8D9BA5;
	margin-top: 12px;
}

.indicador_cel hr{
	margin-top: 24px;
}

/*****************************RESPONSIVE BOLITAS Y TRIANGULOS AVANCE Y RETROCESO*************************************/

.indicador_interior_cel, .indicador_cel{
	display: none;
}

@media (max-width: 1159px) {
  .indicador_interior_cel, .indicador_cel{
		display: block;
	}

	.indicador_interior, .indicador{
		display: none;
	}
}

/*****************************RESPONSIVE BOLITAS Y TRIANGULOS AVANCE Y RETROCESO*************************************/

.activo{
	background-color: #49A68B;
	border: 1px solid #49A68B;
}

.pasado{
	background-color: #1C545F;
	border: 1px solid #1C545F;
}

.pasado:hover{
	background-color: #2f8393;
	border: 1px solid #2f8393;
}

.triangulo_siguiente, .triangulo_anterior{
	float: left;
	color: #8D9BA5;
	margin-top: -3px;
	width: 30px;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.indicador_cel .triangulo_siguiente, .indicador_cel .triangulo_anterior{
		width: 50px;
}

.triangulo_siguiente:hover, .triangulo_anterior:hover{
	color: #49A68B;

}

.contenedor_botones{
	width: 100%;
}

#piein{
  width: 100%;
  color: #BFD1D9;
  font-size: 12px;
  position: absolute;
  bottom: 4px;
}

#piein div{
	width: 450px;
}

#piein a{
	cursor: pointer;
	color: #BFD1D9;
	background-color:#161515;
}

.inteCbotones{
   width: 450px;
}

.inteCbotones .boton2, .inteCbotones .boton1{
	float: left;
}

.inteCbotones .boton2{
	margin-right: 50px;
}

.tamasp{
	font-size: 13px !important; 
	font-weight: 500;
}

.submi{
  padding-top: 0px;   
  border: none;
  margin-bottom: 20px;
  margin-top: 10px;
  background-color: #E7F2F0;
}

#umanualForm input[type="text"], #secundaria_1 #contenedor_principal input[type="text"], #secundaria_2 #contenedor_principal input[type="text"], #opaco2 input[type="text"]{
	background-color: transparent !important; 
	border: 1px solid transparent;
	color: #FFFFFF;
	width:24px; 
	float:left; 
	padding: 2px;
}

#loginForm input [type="text"], #inscripcionForm input [type="text"], #secundaria_1 #perfilForm input [type="text"]{
  background-color: #E4F2F0 !important; 
  border: 1px solid #707070;
  border-radius: 10px;
  height: 42px;
  margin-bottom: 20px;
  width: 100%;
}

.contenedor_resultado{
	 margin-top: 10px;
   width: 100%;
   min-height: 400px;
   overflow-y: hidden;
}

#contenedor_resultado_interno{
	width: 617px;
	overflow-y: scroll;
	padding-top: 40px;
}

#contenedor_resultado_interno .conten_formulario, #contenedor_resultado_interno table{
		width: 517px;
}

.dctmd #contenedor_principal #contenedor_resultado_interno .conten_formulario, .dctmd #contenedor_principal #contenedor_resultado_interno table{
		width: 100% !important; 
		min-width: 900px !important; 
		
}

#secundaria_2 .contenedor_botones{
	width: 617px;
	height: 60px;
}

.ejercicio .contenedor_botones{
	margin-top: -30px;
}

table, .table{
	font-size: 18px;
	border-radius: 15px !important; 
  -moz-border-radius: 15px !important; 
  -webkit-border-radius: 15px !important; 
	border: none !important; 
	border-bottom: transparent !important; 
	margin-bottom: 0px;
	width: 100% !important; 
	position: relative!important; 
}

table td, .table td{
	border: 1px solid #929DA5 !important; 
	padding: 15px !important; 
}

table .cambia_busca:hover, .table .cambia_busca:hover{
	background-color: #281c15;
	cursor: pointer;
}

.tooltip_too {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.tooltip_too .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #8D9BA5;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip_too .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #8D9BA5 transparent transparent transparent;
}

.tooltip_too:hover .tooltiptext {
  visibility: visible;
}


#contenedor_respuesta{
	position:absolute; 
	width: 460px; 
	margin-top: 80px; 
	left: 700px;
	display: none;
	overflow-y: hidden;
	background-color: rgba(0, 0, 0, 0.5);
	height: 300px;
	padding: 10px;
	border-radius: 10px;
}

@media (max-width: 1599px) {

	#contenedor_respuesta{
		left: 30px;
		background-color: rgba(0, 0, 0, 1);
		z-index: 88888888888888888888888888888;
		width: 600px;
	}

}

@media (max-width: 1100px) {

	#contenedor_respuesta{
		left: 0px;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

}

@media (max-width: 400px) {

	#contenedor_respuesta{
		overflow-y: scroll;
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}

}

#contenedor_respuesta_interior{
	width: 98%;
	height: 300px;
}

#cerrar_retro{
	cursor: pointer;
}


/*@media (max-width: 550px) {*/


.ejercicio, .dctmd{
	background-repeat: no-repeat !important; 
  background-image:url(../images/fondos/fondo-4.svg) !important; 
  background-position: top left !important; 
  background-size: cover !important; 
}

.ejercicio2{
  background-image:url(../images/fondos/fondo-3.svg) !important; 
}

.dctmd{
	background-image:url(../images/fondos/fondo-5.svg) !important; 
	min-height: 700px;
}

.ejercicio .contenedor_resultado, .ejercicio #contenedor_resultado_interno, .ejercicio #contenedor_2, .ejercicio #contenedor_3, .ejercicio #contenedor_texto_1, .dctmd .contenedor_resultado, .dctmd #contenedor_resultado_interno, .dctmd #contenedor_2, .dctmd #contenedor_3, .dctmd #contenedor_texto_1{
	background-color: transparent !important; 
}

.ejercicio #fomulario_dtm .conten_formulario, .dctmd #fomulario_dtm .conten_formulario{
		background-color:#161515 !important; 
}

.dctmd #contenedor_resultado_interno{
	width: 70% !important; 
	min-height: 400px !important; 
}

.dctmd  .conten_formulario{
	width: 98% !important; 
	background-color:#161515 !important; 
}

.dctmd #contenedor_2{
	padding-top: 100px;
}

.dctmd .contenedor_botones{
	margin-top: -10px;
	width: 70% !important; 
}

.dctmd  .titulo_interno{
	margin-left: 0px;
}


#opaco2{
	display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

#opaco2 .popup-base{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
  max-width: 60%;
  min-height: 100%;
}

#opaco2 .barra_cerrar .boto_cerrar{
	float: right;
}

#opaco2 .barra_cerrar{
	width: 500px;
	padding-top: 30px;
}

#tituloform {
	height: 60px;
	width: 500px !important; 
}

#tituloform input[type="text"]{
	background-color: transparent !important; 
	border: 1px solid transparent;
	color: #FFFFFF;
	width:300px; 
	float:left; 
	padding: 2px;
	color: #BFD2D8;
	font-size: 23px;
	font-weight: 500;
	margin-top: 15px;
	margin-left: 10px;
}

#tituloform h2{
	float: left;
	color: #BFD2D8;
	font-size: 23px;
	font-weight: 500;
}

.con_alert{
    width: 100%;
    min-height: 110px;
    top: 200px;
    background-color: transparent;
    position: absolute;
    z-index: 888888888888;
   display: flex;
   align-items: center;
   justify-content: center;
}

.con_alert div{
    width: 600px;
    min-height: 110px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: solid 2px #000000;
    padding: 10px;
    padding-top: 20px;
    font-size: 18px!important;
}

#opaco2 p{
	font-weight: 600;
}


#concap{
  width:100%; 
  margin-top: 15px; 
  margin-bottom: 0px;
  color: #FFFFFF; 
  font-weight: 900;
  font-style: italic; 
  font-size:18px;
  font-weight: 500;
  padding: 10px;
}

#concap div{
  width:100px;
  background: repeating-linear-gradient(
      45deg,
      rgba(0, 0, 0, 0) 2px,
      rgba(0, 0, 0, 0) 4px,
      #000000 4px,
      #000000 6px
    );
}

.contenedor_botones{
	position: relative;
}

#secundaria_1 #opaco3{
	display: none;
}

#secundaria_1 #opaco3 .contenido_popup{
	width: 100%;
}

#secundaria_1 #opaco3 .popup-base{
	width: 80%;
	max-width: 1000px;
	position: relative;
	padding-bottom: 40px;
}

#secundaria_1 #opaco3 .contenido_popup p{
	background-color: rgba(0,0,0,0.80);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	position: absolute;
	bottom: -10px;
	width: 100%;
}

#secundaria_1 #opaco4 .popup-base, #secundaria_2 #opaco4 .popup-base{
  padding: 0px;
  background-color: #4D5259;
  color: #FFFFFF;
  font-weight: 600;
  width: 80%;
  max-width: 690px;
  min-height: 440px;
  border: solid 2px #4D5259;
  border-radius: 20px;
	 min-height: 240px;
}

#secundaria_1 #opaco4, #secundaria_2 #opaco4{
  width: 100%;
  height: auto;
  min-height: 100%;
  position: fixed;
  top: 0px;
  background-color: rgba(0,0,0,0.40);
  z-index: 9000000000;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}

#opaco2 .popup-base, #opaco2 .contenido_popup{
	background-color: transparent;
	border: none;
}

#contenedor_2{
	min-height: 300px;
}

#opaco5{
  background:#333333;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-top: 0px;
  display: none;
}

#opaco5 .popup-base{
	background:#161515;
	border: none;
	width: 98%!important;
	max-width:98%!important;
	margin-left: 1%;
	margin-right: 1%;
  height: auto;
  min-height: 100%;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-repeat: no-repeat !important; 
  background-image:url(../images/fondos/fondo-3.svg) !important; 
  background-position: top left !important; 
  background-size: cover !important; 
  padding-left: 20px;
  padding-right: 20px;
}

#opaco5 h1{
  color: #BFD2D8;
  font-size: 30px;
  font-weight: 300;
  max-width: 500px;
  margin-bottom: 30px;
}

#opaco5 h2{
	float: left;
	color: #BFD2D8;
	font-size: 23px;
	font-weight: 500;
}

#opaco5 p{
	font-size: 19px;
	font-weight: 500;
}

.contenedor_creditos{
	 margin-top: 10px;
   width: 100%;
   min-height: 400px;
   overflow-y: hidden;
}

#contenedor_creditos_interno{
	width: 98%;
	overflow-y: scroll;
	padding-top: 40px;
}

/****************************RESPONSIVE INDEX**************************************/

.contenedor_index #boton2_cel{
 		display: none;
 		margin-top: 15px;
 	}

.contenedor_index .text_ceditos_cel{
 	 display: none;
 	 margin-top: 25px;
 }

 .contenedor_index .cuadro_video_cel{  
 		display: none;
 }

 .contenedor_index  #contenedor_3{
 	  color: #BFD2D8;
 	  font-size: 20px;
 	 	display: flex;
   align-items: center;
   justify-content: center;
   background-color:#161515;
    letter-spacing: 0px;
 	  height: 90px;
 	  border-radius: 14px;
 	  margin-left: 1%;
 	  margin-right: 1%;
 	  margin-top: 1%;
   padding-top: 30px;
   display: none;
 }


@media (max-width: 1100px) {
  .contenedor_index #contenedor_2, .contenedor_index .titulo_index{
		 display: none;
	}

 .contenedor_index #contenedor_1{
 	  width: 98%;
 	  background-position: cover;
 	  background-size: cover;   
 	  border: 14px;
 	  margin-left: 1%;
 	  margin-right: 1%;
 	  margin-top: 1%;
 	}

 	.contenedor_index #conten_1{
 		width: 90%;
 	}

 	.contenedor_index #boton2_cel, .contenedor_index .text_ceditos_cel, .contenedor_index #contenedor_3{
 		display: block;
 	}

 	.contenedor_index .text_ceditos_cel{
 		font-size: 15px;
 	}

 #contenedor_1	#pie_video{
 	font-size: 14px;
 }

}

@media (max-width: 640px) {

		.contenedor_index .cuadro_video_compu{
			 display: none;
		}

		.contenedor_index .cuadro_video_cel{
	 		display: block;
	 	}
}

@media (max-width: 748px) {

.contenedor_index  #contenedor_3{
   padding-top: 10px;
   font-size: 18px;
 }

 .contenedor_index  #contenedor_3 p{
   width: 300px;
 }

}

/****************************RESPONSIVE INDEX**************************************/

/****************************RESPONSIVE SECUNDARIAS 1**************************************/

.celocult{
	display: none;
}

#secundaria_1 .contenedor_2_cel{	
	position: relative;
	width: 100%;
	display: none;
}

#secundaria_1 .piein_cel{
	display: none;
	background-color: #333333;
	border-radius: 4px;
	padding: 0px;
	width: 100%;
	bottom: 0px;
}

#secundaria_1 .piein_cel div, #secundaria_1 .piein_cel a{
	width: 230px;
	background-color: #333333;
}

.contenedor_2_cel .indicador {
	z-index: 88888;
	height: 60px;
}

@media (max-width: 1441px) {
	#valor_1, #valor_2{
		min-width: 138px;
		font-size: 14px !important; 
	}

	#secundaria_1 #contergrand #contenedor_3 h1{
			font-size: 17px !important;
			width: 210px !important;
	}

}


@media (max-width: 1100px) {

	#secundaria_1 input[type=checkbox] {
	    transform: scale(2);
	}

	#secundaria_1 .form-check{
		height: 50px;
		padding-top: 5px;
		padding-right: 3px;
	}

	#secundaria_1 .checkbox-default-label{
	  font-size: 10.5px !important;
	  margin-right: 10px;
	}

	#secundaria_1 .difcheckbox .checkbox-default-label{
	  font-size: 13px !important;
	  margin-right: 0px;
	  margin-left: 10px;
	}

	#secundaria_1 #contenedor_texto_2_interior{
		overflow-x: hidden;
	}

	 #secundaria_1 .conten_formulario{
		width: 90%;
		min-width: 280px;
	}

	#secundaria_1 .titulo_interno{
		text-align: center;
		font-size: 18px;
		margin-left: 5px;
		padding-left: 3px;
	}

	#secundaria_1 #contergrand #contenedor_3 h1{
			font-size: 21px !important;
			width: 300px !important;
	}

	#secundaria_1 #contergrand{
		margin: 0px;
		width: 100%;
	}

	#secundaria_1 #contergrand #contenedor_1, #secundaria_1 #contergrand #contenedor_3{
		margin: 0px;
		margin-left: 1%;
 	  margin-right: 1%;
 	  margin-top: 0%;
 	  margin-bottom: 1%;
 	  width: 98%;
		max-width: 98%;
		position: relative;
		border-radius: 14px;
	}

	#secundaria_1 #contergrand #contenedor_3 #conten_3{
		margin-top: -20px;
		height: 100px;
	}

	#secundaria_1 #contergrand #contenedor_1{
		margin-top: -10px;
	}

	 #secundaria_1 #conten_1, #secundaria_1 .contenedor_2_compu #contenedor_2{
 	  width: 100%;
		max-width: 100%;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2{
		margin-left: 1%;
 	  margin-right: 1%;
 	  margin-top: 0%;
 	  margin-bottom: 0%;
 	  width: 98%;
		max-width: 98%;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2{
		height: 570px;
		min-height: 570px;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video iframe, #secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video{
		height: 300px;
		width: 100%;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video iframe{
		margin-top: 150px;
		margin-left: 10%;
		padding-top: 10px;
		width:80%;
		height:60%;
	}

	#secundaria_1 .contenedor_2_cel, #secundaria_1 .piein_cel{
		display: block;
	}

	#secundaria_1 .contenedor_2_compu{
		display: none;
	}

}

@media (max-width: 453px) {
	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2{
		height: 450px;
		min-height: 450px;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video iframe, #secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video{
		height: 200px;
		width: 100%;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video iframe{
		margin-top: 166px;
		margin-left: 10%;
		padding-top: 0px;
		width:80%;
		height:55%;
	}

	.indicador_interior_cel{
		padding-top: 60px;
	}
}

@media (max-width: 432px) {

	#secundaria_1 .titulo_interno{
		font-size: 15px;
		margin-left: 5px;
	}

	#secundaria_1 #contergrand #contenedor_3 h1{
			font-size: 17px !important;
			width: 210px !important;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video iframe{
			margin-top: 160px;
			width:80%;
			height:50%;
	}

	#secundaria_1 .contenedor_2_cel #contenedor_2 #conten_2 .contenedor_video{
			height:100px;
	}

}

@media (max-width: 991px) {
	.celocult{
		display: block;
	}
}

/****************************RESPONSIVE SECUNDARIAS 1**************************************/

	  #secundaria_2 .indicador_cel{
	  	width: 70%;
	  }

/****************************RESPONSIVE SECUNDARIAS 2**************************************/

@media (max-width: 1559px) {
	#secundaria_2 #contergrand #contenedor_3 h1{
			font-size: 16px !important;
			width: 200px !important;
	}
}

@media (max-width: 1239px) {
	#secundaria_2 #contergrand #contenedor_3 h1{
			font-size: 15px !important;
			width: 150px !important;
	}
}


@media (max-width: 1100px) {

	#secundaria_2 input[type=checkbox] {
	    transform: scale(2);
	}

	#secundaria_2 .form-check{
		height: 50px;
		padding-top: 5px;
		padding-right: 3px;
	}

	#secundaria_2 .checkbox-default-label{
	  font-size: 10.5px !important;
	  margin-right: 10px;
	}

	#secundaria_2 .difcheckbox .checkbox-default-label{
	  font-size: 13px !important;
	  margin-right: 0px;
	  margin-left: 10px;
	}

	#secundaria_2 #contenedor_texto_2_interior{
		overflow-x: hidden;
	}
	
	 #secundaria_2 #contenedor_2 .contenedor_resultado{
	 	 padding: 0px;
	 }

	 #secundaria_2 #fomulario_dtm{
	 	width: 100%;
	 	margin: 0px;
	 }

	 #secundaria_2 .conten_formulario{
		width: 90%;
		min-width: 280px;
	}


	#secundaria_2 .titulo_interno{
		text-align: center;
		font-size: 18px;
		margin-left: 5px;
		padding-left: 3px;
		}

	#secundaria_2 #contergrand #contenedor_3 h1{
			font-size: 21px !important;
			width: 300px !important;
	}


	#secundaria_2 #contergrand #contenedor_3 #conten_3{
		margin-top: -20px;
		height: 100px;
	}

	#secundaria_2 #contergrand #contenedor_1{
		margin-top: -10px;
	}

	#secundaria_2 #contenedor_2{
		margin: 0px;
		margin-left: 1%;
 	  margin-right: 1%;
 	  margin-top: 0%;
 	  margin-bottom: 1%;
 	  width: 98%;
		max-width: 98%;
		padding-top: 0px;
	}

	#secundaria_2 #contenedor_3{
		margin: 0px;
		margin-left: 1%;
 	  margin-right: 1%;
 	  margin-top: 0%;
 	  margin-bottom: 1%;
 	  width: 98%;
		max-width: 98%;
	}

	#secundaria_2 #contergrand{
		margin: 0px;
		width: 100%;
		height: 110px;
	}

	#secundaria_2 #contenedor_1{
		display: none;
	}

	#secundaria_2  .contenedor_resultado{
		 align-items: center;
		 margin-top: 0px;
	   width: 100%;
	   min-height: 400px;
	}

	#secundaria_2  #contenedor_resultado_interno{
		width: 100%;
		overflow-y: scroll;
		padding-top: 40px;
	}

	#secundaria_2 .indicador_cel{
		align-items: center;
		width: 100%;
	}

	#secundaria_2 #contenedor_2 #conten_2{
		padding: 0px;
		margin-top: -30px;
	}

	#secundaria_2 .contenedor_botones{
		display: none;
	}

	#secundaria_2 #contenedor_botones_pacel{
		width: 100%;
		display: block;
	}


}

@media (max-width: 550px) {
  #secundaria_2.conten_formulario{
		width: 400px !important; 
	}

	#secundaria_2 #contergrand #contenedor_3 h1{
			font-size: 17px !important;
			width: 210px !important;
	}
}

@media (max-width: 434px) {
   #secundaria_2 .conten_formulario{
		width: 300px !important; 
	}
}

#secundaria_2 .piein_cel2{
		display: none;
	}


@media (max-width: 550px) {
	#secundaria_2 #piein{
		margin-top: 10px;
	}

	#secundaria_2 #piein div{
		width: 200px;
	}

	#secundaria_2 #piein a{
		font-size: 10px;
	}

}


#caso_cel{
	display: none;
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 1100px) {
		#caso_cel{
		display: block;
	}
}


/****************************RESPONSIVE SECUNDARIAS 2**************************************/

/****************************RESPONSIVE SECUNDARIAS 2 .DCTMD**************************************/

#ayuda_cel{
	display: none;
}

@media (max-width: 1100px) {

	#ayuda_cel{
	display: block;
}

}

@media (max-width: 1102px) {

	.dctmd #contenedor_resultado_interno{
		width: 100% !important; 
		min-height: 300px !important; 
	}

	.dctmd{
		max-height: 400px;
		height: 400px;
	}

}

/****************************RESPONSIVE SECUNDARIAS 2 .DCTMD**************************************/

.concredis{
	float: left;
	width: 48%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	padding: 10px;
}

/****************************RESPONSIVE VENTANAS**************************************/

@media (max-width: 1052px) {

	.concredis{
		float: none;
		width: 96%;
	}
}

@media (max-width: 500px) {

	.concredis{
		  width: 98%;
			margin-right: 0.1%;
			margin-left: 0.1%;
			padding: 5px;
	}

	#opaco5 h1{
		font-size: 21px;
	}

	#secundaria_1  #opaco, #opaco{
	  width: 100%;
	}

	#secundaria_1 .popup-base, .popup-base{
		width: 100%!important;
		max-width:100%!important;
		margin-left: 0%;
		margin-right: 0%;
	}
}

/****************************RESPONSIVE VENTANAS**************************************/

#logos_ucr img{
	width: 380px;
}

@media (max-width: 500px) {
	#logos_ucr img{
		width: 260px;
	}

}

/******** ayuda ********/

.contenedor_ima{
	width: 100%;
	margin-bottom: 20px;
	height: 430px;
}

.contenedor_ima .contenedor_imaa img{
	width: 800px;
	border: 1px solid #FFFFFF;

}

.contenedor_ima .contenedor_imab img{
	width: 220px;
	border: 1px solid #FFFFFF;
	margin-left: 10px;
}

.contenedor_ima .contenedor_imaa{
	width: 70%;
	float: left;

}

.contenedor_ima .contenedor_imab{
	width: 30%;
	float: left;
}


@media (max-width: 707px) {

.contenedor_ima .contenedor_imaa img{
	display: none;
}

.contenedor_ima .contenedor_imaa{
	width: 0%;
}

.contenedor_ima .contenedor_imab{
	width: 100%;
}

}






#cont_loader{
	bottom: 100px;
	position: absolute;
	width: 100%;
}

.loader {
  --b: 10px;  /* border thickness */
  --n: 10;    /* number of dashes*/
  --g: 10deg; /* gap  between dashes*/
  --c: red;   /* the color */
  
  width:100px; /* size */
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px; /* get rid of bad outlines */
  background: conic-gradient(#0000,var(--c)) content-box;
  --_m: /* we use +/-1deg between colors to avoid jagged edges */
    repeating-conic-gradient(#0000 0deg,
       #000 1deg calc(360deg/var(--n) - var(--g) - 1deg),
       #0000     calc(360deg/var(--n) - var(--g)) calc(360deg/var(--n))),
    radial-gradient(farthest-side,#0000 calc(98% - var(--b)),#000 calc(100% - var(--b)));
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation: load 1s infinite steps(var(--n));
}
@keyframes load {to{transform: rotate(1turn)}}