@media screen and (max-width: 1680px) {
			
			.logogob-main {
  background-image: url("../../images/logo_sep_aprendeinea.svg") !important;
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
				margin-bottom: 1em;
}


			#logos_institucionales {
				
				height:20px;
				background-color:#0C231E;
				font-size: 14pt;
			}
			#logos_institucionales_2 {
				
				height:20px;
				background-color:#13322B;
				font-size: 14pt;
			}
			

		}

@media screen and (max-width: 1280px) {
			
			.logogob-main {
  background-image: url("../../images/logo_sep_aprendeinea.svg") !important;
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
				margin-bottom: 1em;
}



			#logos_institucionales {
				background-color:#0C231E;
				height:20px;
				font-size: 12pt;
			}
			
			#logos_institucionales_2 {
				
				height:20px;
				background-color:#13322B;
				font-size: 14pt;
			}

		}


@media screen and (max-width: 736px) {
	
	.logogob-main {
  background-image: url("../../images/logo_sep_aprendeinea.svg") !important;
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
		margin-bottom: 1em;
}


	
#logos_institucionales {
				
				height:20px;
				background-color:#0C231E;
				font-size: 14pt;
			}
			#logos_institucionales_2 {
				
				height:20px;
				background-color:#13322B;
				font-size: 14pt;
			}
		
			}

@media screen and (max-width: 480px) {
	
	.logogob-main {
  background-image: url("../../images/logo_sep_aprendeinea.svg") !important;
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
		margin-bottom: 1em;
}

	
	
	
	
#logos_institucionales {
				
				height:20px;
				background-color:#0C231E;
				font-size: 14pt;
			}
			#logos_institucionales_2 {
				
				height:20px;
				background-color:#13322B;
				font-size: 14pt;
			}
		
			}
@media screen and (max-width: 980px) {
	
	.logogob-main {
  background-image: url("../../images/logo_sep_aprendeinea.svg") !important;
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
		margin-bottom: 1em;
}




#logos_institucionales {
				
				height:20px;
				background-color:#0C231E;
				font-size: 14pt;
			}
	
	
	
			#logos_institucionales_2 {
				
				height:20px;
				background-color:#13322B;
				font-size: 14pt;
			}
		
			}






#main #logocentrado{
	
width:260px;
	margin: 1em auto 0 auto;

}

.contenedor_texto_elige{
	
	text-align:center;
	padding-top:10px;
	
}

.texto_elige{

}



 /*.logogob-main {
 background-image: url("https://framework-gb.cdn.gob.mx/landing/img/logoheader.svg") !important;
  background-image: url("../../images/logo_sep_aprendeinea.svg");
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
}*/

.logogob-main-portal {
  /*background-image: url("https://framework-gb.cdn.gob.mx/landing/img/logoheader.svg") !important;*/
  background-image: url("../../images/logoheader.svg");
  top: 0px;
  height: 50px;
  margin: 1px auto 0 auto;
  width: 150px;
  background-repeat: no-repeat;
}

#logos_institucionales {
				
				height:20px;
				background-color:#0C231E;
				font-size: 14pt;
			}

			#logos_institucionales_2 {
				
				height:20px;
				background-color:#13322B;
				font-size: 14pt;
			}

.color_eje_tematico{
height:3em;
	width:100%;
	background-color:#90bc78;
}

.tiles h2{
	font-family: 'Montserrat';
	text-shadow: 0px 0px 5px #000;
	font-weight:600;
	font-size: 1.1em;
}

body{
		font-family: 'Montserrat';
	
}

.btn_ejes{
	display:inline-block;
	border-left: 1px solid #000;
	padding:0px 10px 0 10px;
	
}
.btn_ejes a:hover{
	
	font-weight:bold;
	
}

.titulos_cursos{
	
margin-top:6em;	
	
}

#video_cuadro{
	
	text-align:center;
	
}

.tiles .content{
text-align:center;
}

.tiles .content p{
	
	background-color:#0C231E;
	color:white;
	padding:1em;
	margin:auto;
	border: 1px solid white;
	width:150px;
	border-radius: 4px;
}

.salto_de_linea, .espacio{
	margin-top:15px;

	height: 30px;
}

a.boton_pasos{
	background-color:aqua;
	padding:10px;
	margin:1.5em;
	
	
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
background-color: transparent;
border-radius: 4px;
border: 0;
box-shadow: inset 0 0 0 2px #585858;
color: #585858 !important;
cursor: pointer;
display: inline-block;
font-size: 0.8em;
font-weight: 900;
height: 3.5em;
letter-spacing: 0.35em;
line-height: 3.45em;
overflow: hidden;
padding: 0 1.25em 0 1.6em;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}


.cabecera, #botones_areas{
text-align:center;
}

#arbolito{
	width:100%;
	height:400px;
	background-image: url('../../images/arbolito.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	
	
	
}

.boton_menu{
	background-color: #eae2d6 !important;
	color:#611232 !important;
    cursor: default;
	box-shadow: inset 0 0 0 2px #611232;
}
.boton_menu:hover{
	background-color: #611232 !important;
	color:white !important;
    cursor: default;
	box-shadow: inset 0 0 0 2px #611232;
}




.boton_cursos{
	background-color: #eae2d6 !important;
	color:#611232 !important;
}

.boton_cursos:hover{
		background-color: #611232 !important;
	color:white !important;
}

@media screen and (max-width: 480px) {
#color_mi{
height:50px;
width:100%;
background-color:lemon;

}
	
.boton_cursos{
	margin:1.5em;
	
}

.boton_menu{
	margin:1em;
	
	text-transform: none !important;
	border-radius: 32px;
	font-family:  Montserrat;
	font-weight:  600 !important;
	font-size: 14pt;
	letter-spacing: 0em !important;
	
}
  }

@media screen and (max-width: 736px) {
#color_mi{
height:50px;
width:100%;
background-color:green;
}
	
.boton_cursos{
	margin:1.5em;
	
}

.boton_menu{
	margin:1em;
	
	text-transform: none !important;
	border-radius: 32px;
	font-family:  Montserrat;
	font-weight:  600 !important;
	font-size: 14pt;
	letter-spacing: 0em !important;
}
  }

@media (min-width: 736px)  and (max-width: 980px) {
#color_mi{
height:50px;
width:100%;
background-color:blue;
}
	
.boton_cursos{
	margin:1.5em;
}

.boton_menu{
	margin:1em;
	text-transform: none !important;
	border-radius: 32px;
	font-family:  Montserrat;
	font-weight:  600 !important;
	font-size: 12pt;
	letter-spacing: 0em !important;
}
}


@media (min-width: 980px)  and (max-width: 1280px) {
#color_mi{
height:50px;
width:100%;
background-color:yellow;
}
	.boton_cursos{
	margin:1.5em;
	
}

.boton_menu{
	margin:.5em;
	
	text-transform: none !important;
	border-radius: 32px;
	font-family:  Montserrat;
	font-weight:  600 !important;
	font-size: 9pt;
	letter-spacing: 0em !important;
}
  }


@media (min-width: 1280px) and (max-width: 1680px) {
#color_mi{
height:50px;
width:100%;
background-color:red;
}
	.boton_cursos{
	margin:1.5em;
	
}

.boton_menu{
	margin:.1em;
	
	text-transform: none !important;
	border-radius: 30px;
	font-family:  Montserrat;
	font-weight:  600 !important;
	font-size: .7em;
	letter-spacing: 0em !important;
}
  }

@media (min-width: 1680px) and  (max-width: 3800px) {
	
	.logogob-main {
  background-image: url("../../images/logo_sep_aprendeinea.svg") !important;
  top: 0px;
  height: 43px;
  margin: 1px auto 0 auto;
  width: 300px;
  background-repeat: no-repeat;
  margin-bottom: 1em;
}
	
#color_mi{
height:50px;
width:100%;
background-color:chocolate;	
}
	
.boton_cursos{
	margin:1.5em;
	
}

.boton_menu{
	margin:1em;
	
	text-transform: none !important;
	border-radius: 32px;
	font-family:  Montserrat;
	font-weight:  600 !important;
	font-size: .7em;
	letter-spacing: 0em !important;
}
	
  }

.imagen_2023{
	
	width:100%;
	max-width: 736px;
	text-align:center;
}


ol.lista_letras {
  list-style-type:upper-alpha;
}

ol.lista_romanas {
  list-style-type:upper-roman;
}
.centrado{
	margin:auto;
	text_align:center;
	
}
.centrado .boton_cursos{
	text_align:center;
	width:300px;
}


.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}

.enlace_largo{
overflow-wrap: break-word;
 word-wrap: break-word;
}

/*.tiles h2{
	
	font-weight:600;
	font-size: 1.4em;
}

.tiles article > a {
  color: #000!important;
}*/
#modulo_descripcion{
	
	}
	
#modulo_portada{
	
	}

#modulo_texto{
	
	
	}


 p.descripcion {
	
	font-size:1em!important;
}

.invisible{
color:black;
opacity: .0;
}

.titulos_modalidades{
background-color:#CFBB96;
padding:20px;
text-align: left!important;
}

.textos_modalidades{
text-align: left!important;
}

.titulos_modalidades p{
		color: #56232A;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 2.75em;
font-weight: 700;
		line-height: 1;
	margin: 0 0 0 0!important;
}

.textos_modalidades p{

		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 1em!important;

	
	    margin: 0 0 0 0!important;
}

.icono_modalidades{
width:10%;
float:left;

}

.texto_modalidades{
width:90%;
float:right;
padding:15px;
}

.texto_modalidades a{
color:#A77D52;
font-weight:bold;
} 

.textos_modalidades p{
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 1.5em!important;
margin: 0 0 0 0!important;
}

.texto_modalidades h3{
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 1.7em!important;
margin: 0 0 0 0!important;
padding:20px 0 20px 0;
}

.pie_modalidades{
clear:both;
}

.modalidades{
background-color: rgba(144, 144, 144, 0.075)!important;
}

#caja_formulario{
	padding:15px;
	background-color:red;
	
}
.recuadro_llenar_formulario{
margin: 0 0 2em 0;
width: 100%;
border: 1px solid #c9c9c9;
background-color:#EBEBEB;
padding:15px;
text-align:center;
}


.Table{
 display: table;
}

.Title { 
display: table-caption;
text-align: center;
font-weight: bold;
font-size: larger;
}

.Heading{
display: table-row;
font-weight:300;
text-align: left;
}

.Row{
 display: table-row;
}

.Cell{
display: table-cell;
border: solid;
border-width: thin;
padding-left: 5px;
padding-right: 5px;
background-color:red;

}

.cell1{
	

}

.cell2{

}
#menu_principal, #menu_principal_bottom{
	
	text-align: center;
}

.dropdown-menu {
  background-color: #a57f2c !important;
}


.navbar-dark .navbar-nav .nav-link:hover {
  background-color:rgba(255,255,255,.15);
  color:#d4c19c!important;
  text-decoration:none;
  outline:0
}
.navbar-dark .navbar-nav .subnav-link:hover {
  background-color:rgba(255,255,255,.15);
  color:#d4c19c!important;
  text-decoration:none;
  outline:0
}

.slider-container-portada{
	margin-top:3em;
}

h1 {
  font-size: 38px!important;
}
p{
font-size: 1em;
}

button.inicia_sesion, button.acepto_politica_privacidad, button.registrate{
border-radius: 28px;
letter-spacing: .15em;
	margin:10px;
}
button.acepto_politica_privacidad{
background-color:#d3bf9a;
color:fff !important;
}
button.acepto_politica_privacidad:hover{
background-color:#611232;
color:fff !important;
}
h1, h2, h3{
margin-bottom: 1em !important;
}

h2{
font-family: "Noto Sans" !important;
font-size: 1.2em !important;
}

.inicia_sesion{
border-radius: 32px;
}
.breadcrumb{
		margin-top:0em;
	
}
.ten_en_cuenta{
	background-color:#E6E7E8!important;
	padding-top:2em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;

	border-radius: .5em;
	
}
.subtitulo{
color:#A57F2D;
}

.boton_aprendeinea{
border-radius: 1em !important;
letter-spacing: 0em!important;
background-color: #eae2d6 !important;
color:#611232 !important;
box-shadow: inset 0 0 0 2px #611232;
}
.boton_aprendeinea:hover{
	background-color: #611232 !important;
	color:white !important;
}

.segundo_slider{
margin-top:0em;
}

.navbar-dark .navbar-brand:hover, .breadcrumb a:hover {
  color: #611232 !important;
}

.image_modulo{
transition: transform 0.5s ease;
  position: relative;
  display: block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.image_modulo img{
margin:0px;
padding:0px;
display: block;
width: 100%;
-moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
}
.invisibles{
display:none;
visibility: hidden;
}

ul.lista_materiales_modulo{
list-style: none; /* Elimina las viñetas predeterminadas */
	margin-bottom:2em;
}

.lista_materiales_modulo li{
margin-left:1.5em;
margin-top:.5em;
cursor: auto;
list-style-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-pdf-fill' viewBox='0 0 16 16'><path d='M5.523 10.424q.21-.124.459-.238a8 8 0 0 1-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3 0 0 1-.026-.044c-.056-.11-0.34-.216.04-.36.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21 21 0 0 0 .5-1.05 12 12 0 0 0 .51.858q-.326.048-.654.114m2.525.939a4 4 0 0 1-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1 0 0 1 .026.064.44.44 0 0 1-.06.2.3.3 0 0 1-.094.124.1.1 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256M8.278 4.97c-.04.244-.108.524-.2.829a5 5 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.5.5 0 0 1 .145-.04c.013.03.028.092.032.198q.008.183-.038.465z'/><path fill-rule='evenodd' d='M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m.165 11.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927 1.021-1.51a11.6 11.6 0 0 1 1.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.86.86 0 0 0 .51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.84.84 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.8 5.8 0 0 0-1.335-.05 11 11 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.24 1.24 0 0 0-.127-.538.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046 1.136.088.406.238.848.43 1.295a20 20 0 0 1-1.062 2.227 7.7 7.7 0 0 0-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08 1.103'/></svg>");
  text-align:left;
}
@media(min-width: 576px) {
	
}

@media(min-width: 768px) {
	
	
}

@media(min-width: 992px) {
.col-9 {
  flex:0 0 75%  !important;
  max-width:75% !important;
}
}

@media(min-width: 1200px) {
	
}

@media(max-width: 575.98px) {
	
}
@media(max-width: 767.98px) {

}

@media(max-width: 991.98px) {
.col-9 {
  flex:0 0 100% !important;
  max-width:100% !important;
}
	
.col-3 {
  flex:0 0 80% !important;
  max-width:80% !important;
}
}

@media(max-width: 1199.98px) {
	
}

.formulario_inicio_sesion{
   width:100%;
	text-align:center;

padding-bottom:2em;
}
.recuadro_form{
	padding:1em;
	width: 100%;
	background-color:#D3BF9A !important;
	text-align: center;
    color:white;
    border-radius: 25px;
}
.recuadro_form input[type="text"], .recuadro_form input[type="password"]{
	background-color:white;
	color:gray;
	padding:5px;
	border-radius: 5px;
}
.recuadro_form button{
	
	letter-spacing: 0em !important;
}
.btn-pdf{
	
letter-spacing: 0em !important;
  margin-left: 1.5em;
  padding: .5em !important;
  margin-bottom: .3em !important;
  margin-top: .3em !important;
}
.btn-pdf:hover{
	
color:white !important;
}
.highlight-accessibility {

  opacity: 0.5;
}
.enlaceboton {    
	cursor: pointer;
	margin: 0px !important;
	word-wrap: break-word;
	text-transform: none;
	overflow: visible;
	padding: .5em 1em .5em 1em;
    text-align: center;
    text-decoration: none !important;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	display: inline-block;
    text-overflow: ellipsis;
	border: 2px solid #611232 !important;
    color: white !important;
	margin: 10px !important;
	border-radius: 3em !important;
    letter-spacing: 0em !important;
	
	border-radius: 1em !important;
  letter-spacing: 0em !important;
  background-color: #eae2d6 ;
  color: #611232 !important;
 box-shadow: inset 0 0 0 0px #611232;
		-webkit-appearance: button;
}
.menu_principal{    
font-size: .8em;
}

.enlaceboton:link,
.enlaceboton:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlaceboton:hover {
background-color: #611232 !important;
color: #fff !important;
}

.boton_activo{
	background-color:#fff !important;
	color:silver !important;
	pointer-events: none; 
    cursor: default;
	box-shadow: inset 0 0 0 2px silver !important;
    border: 1px solid silver !important;
}

.slider-container .slider a.slide{
	
text-decoration: none !important;
border-bottom: none !important;
}
i.bi{
padding-right:10px;
}

.navbar-nav > li > a:hover{
color:white!important;

}
.dropdown-menu > a{
padding-left: 1.5rem !important;
line-height: 2em;
}

.dropdown-menu > a.nav-link:hover{
color:#611232 !important;
}


elemento {
  width: 250px;

}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;

    left: auto;

  }
}
.open > .dropdown-menu {
  display: block;

}
.dropdown-menu{
	border:none !important;
}

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.footer-pleca {
background-color:#611232 !important;
}