html, 
body {
	height: 100%;
	margin: 0;
	font-family: "Montserrat", Georgia, serif;
}

h2 {
	color: rgb(67, 67, 67);
	letter-spacing: 2px;
	font-family: "Montserrat";
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	font-weight: 500;
	letter-spacing: -0.3px;
}

#frame,
#frame_amplio {
	margin: 0 auto;
	margin-top: 30px;
	padding-top: 20px;
	width: 900px;
	background: rgb(229, 229, 229);
	overflow: hidden;
	margin-bottom: 30px;
  	padding-bottom: 20px;
}

#frame_amplio {
	width: 1000px;
}


/* CABECERA */
#cabecera {
	position: relative;
}

#cabecera_barra,
#cabecera_logo,
#cabecera_texto {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

#cabecera_barra {
	padding-left: 10px;
	width: 20px;
	height: 99px;
	z-index: 12;
	transform: rotate(0deg) scale(1) translate3d(0px, 0px, 0px);	
}

#cabecera_texto {
	padding-left: 20px;
	width: calc(100% - 250px);
	z-index: 0; 
	transform: rotate(0deg) scale(1) translate3d(0px, 0px, 0px);
}

.cabecera_texto_1,
.cabecera_texto_2,
.cabecera_texto_3 {
	color: rgb(67, 67, 67);
	letter-spacing: 0px;
	font-family: Montserrat;
}

.cabecera_texto_1 {
	line-height: 34px;
	font-size: 24px;
	font-weight: 700;
	font-variant: small-caps;
}

.cabecera_texto_2 {
	line-height: 18px; 
	font-size: 16px;
	font-weight: 500;
}

.cabecera_texto_3 {
	line-height: 18px;
	font-size: 12px;
	font-weight: 500;
}

#cabecera_logo {
	width: 139px;
	height: 52px;
	z-index: 11;
	transform: rotate(0deg) scale(1) translate3d(0px, 0px, 0px);
	margin-left: 50px;
}



/* CUADRO SUPERIOR */
#cuadro-intro {
 	width: 85%;
 	background-color: rgb(214, 198, 203, 1);
 	margin: auto;
 	padding: 20px;
  	margin-top: 30px;
  	text-align: center;
}

#cuadro-intro p {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}

.cuadro-intro-resaltado {
	font-weight: 700;
	color: rgb(84, 84, 84, 1);
}

.fila-cuadro {
	display: flex;
	margin-top: 40px;
}

.col-4-cuadro {
	width: 25%;
}

.col-2-cuadro {
	width: 50%;
}

.titulo_cuadro {
	position: relative;
	margin-bottom: 30px;
}

.titulo_cuadro h2 {
	font-size: 14px;
}

.titulo_cuadro:after {
    position: absolute;
    top: 1.5em;
    left: 15%;
    content: "";
    width: 70%;
    height: 0;
    border-bottom: 1px solid rgba(76,76,76,1);
}

.bold {
	font-weight: bold;
	font-size: 16px;
}

/* GRÁFICOS */
.fila {
	display: flex;
}

.fila_superior {
	margin-top: 50px;
}

.contenedor_grafico {
	padding: 30px 20px;
}

.contenedor_grafico_izq {
	padding: 30px;
	padding-right: 0;
}

.contenedor_grafico_der {
	padding: 30px;
	padding-left: 0;
}

.col-1 {
	width: 100%;
}

.col-2 {
	width: 50%;
	height: 350px;
}

.col-3 {
	width: 33%;
	background-color: rgb(215,194,200);
	padding: 30px 10px;
	text-align: center;
}

.col-3:first-child {
	margin-left: 20px;
	margin-right: 10px;
}

.col-3:nth-child(2) {
	margin-left: 10px;
	margin-right: 10px;
}

.col-3:last-child {
	margin-left: 10px;
	margin-right: 20px;
}

.titulo_grafico {
	position: relative;
	margin-bottom: 30px;
}

.titulo_grafico:after {
    position: absolute;
    top: 1.5em;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 2px solid rgba(76,76,76,1);
}

.titulo_columna h2{
	font-size: 20px;
  	font-weight: 600;
}

.titulo_seccion {
	width: 100%;
  	background-color: rgb(209,174,183);
  	margin: 0px 20px;
}

.titulo_seccion h3 {
	margin: 10px 20px;
	font-weight: 500;
}