@charset "utf-8";
/* Hojas de estilo
Autor:         MIGUEL SOLORIO MEDINA
Sitio Web:     Fundimex 2021
Módulo:        _modelo.html
Actualización: Octubre 2020
-------------------------------------------------------*/

.sec_main {
    background: var(--body_bg);
	color: var(--body_text);
	font-family: var(--font_body);
	font-size: var(--font_size_r);
    }
		.sec_main h2 {
            color: var(--text_rojo1);
            width: 100%;
            text-align: center;
            padding: 10px 20px 10px 20px;
        	}

		.sec_main h3 {
            color: var(--navbar1_bg);
            width: 100%;
            text-align: center;
            padding: 10px 20px 10px 20px;
        	}

        .sec_main p {
            color: var(--body_text);
            width: 100%;
            text-align: center;
			line-height:150%;
            padding: 10px 20px 10px 20px;
			}

			.sec_main img {
				align-items: center;
				align-content: center;
				text-align: center;
				}

        .sec_main ul li {
            text-align: left;
			line-height:150%;
            padding-left: 20px;
			}

.bloque_azul {
    background: var(--footer_bg);
	color: var(--footer_text);
	padding: 5% 5%;
    }

	.bloque_azul h2 {
		color: var(--footer_text);
		width: 100%;
		text-align: center;
		}

	.bloque_azul p {
		color: var(--footer_text);
		width: 100%;
		text-align: center;
		line-height:150%;
		}

.bloque_blanco {
    background: var(--body_bg);
	color: var(--body_text);
	padding: 5% 5%;
    }

.bloque_derecho {
    background: var(--lateral_bg_medio);
	padding: 10px 10px;
    }

	.bloque_derecho img {
		align-items: center;
		align-content: center;
		text-align: center;
		}

	.bloque_derecho h2 {
		color: var(--lateral_text1);
		width: 100%;
		text-align: center;
		}

	.bloque_derecho p {
		color: var(--lateral_text2);
		width: 100%;
		text-align: center;
		line-height:150%;
		}


/*------------------------------------*/

.content_niveles {
  background: var(--body_bg);
  color: var(--body_text);
  padding: 100px 0 50px 0;
}

.content_niveles h1{
  font-family: var(--font_body);
  font-size: 3rem;
  font-weight: 400;
  color: var(--text_rojo1);
  padding: 0px 50px 0px 0;
  text-align:center;
}

.content_niveles h2{
  font-family: var(--font_body);
  font-size: 2rem;
  font-weight: 400;
  color: var(--text_rojo1);
  padding: 0px 50px 0px 0;
  text-align:left;
}

.content_niveles h3{
  font-family: var(--font_body);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--body_text);
  padding: 0px 50px 0px 0;
  text-align:left;
}

.content_niveles p{
  font-family: var(--font_body);
  font-size: 1.3rem;
  color: var(--body_texto);
  padding:0px 50px 10px 0px;
  text-align: justify;
  vertical-align: top;
}

.content_niveles img{
	width: 90%;
    max-width: 90%;
  	height: auto;
    border-radius: 10px;
}

.content_niveles .division { 
	background:  var(--text_rojo1); 
	border-radius: 10px;
    height: 3px;
    width: 100%;
    margin: 20px;
	}