*{

    -webkit-box-sizing: border-box; 

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



:root{

	--primary-color: #00964b;

	--secondary-color: #ffd100;

	--tercery-color: #3e3e3d;

}



body{

	font-family: /*'Brevia',*/ Tahoma, serif-sans;
	letter-spacing: .01em;

}



p{

	font-size: 14px;

	color: var(--tercery-color);

	line-height: 1.35em;

	text-align: justify;

	margin-bottom: 15px;

}



em{

	font-style: italic;

}



b, strong{

	font-weight: 800;

}



.contenido{

	position: relative;

	display: flex;

	width: 1199px;

	max-width: 1199px;

	height: 100%;

	margin: 15px auto 15px; 

	padding: 30px 20px 30px 0;

	border: 1px solid #eaeaea;

}



.menu{

	flex: 10%;

	margin-top: 20px;

	margin-bottom: 30px;

	padding-top: 30px;

	padding-right: 25px;

	border-right: 1px solid var(--tercery-color);

}



.menu ul li{

	display: inline-block;

	width: 100%;

	margin: 5px 0;

}



.menu ul li a{

	display: inline-block;

	background-color: var(--secondary-color);

	text-decoration: none;

	width: 180px;

	font-size: 15px;

	color: #211915;

	margin: 0;

	padding: 10px 15px;

	border-radius: 0 25px 25px 0;

	transition: all .3s ease-in;

}



.menu ul li a.active,

.menu ul li a:hover{

	background-color: var(--primary-color);

	color: #fff;

}



.menu ul ul.submenu li{

	margin: 0;

	border-bottom: 1px dotted var(--primary-color);

}



.menu ul ul.submenu li a{

	background-color: inherit;

	font-size: 14px;

	color: var(--tercery-color);

}



.editorial{

	position: absolute;

	top: 0;

	right: 50px;

	display: inline-block;

	background-color: var(--secondary-color);

	width: 250px;

	font-size: 20px;

	color: var(--tercery-color);

	text-align: center;

	padding: 10px;

	border-radius: 0 0 15px 15px;

}



article{

	display: block;

	padding-top: 50px;

	padding-left: 15px;

	padding-right: 15px;

}



.nota{

	display: flex;

	flex-direction: column;

}



.fila{

	display: flex;

}





.columna {

    padding: 0 15px;

    flex: 50%;

    display: flex;

    flex-direction: column;

}



.nota h3{

	font-size: 34px;

	color: var(--primary-color);

	line-height: 1.1em;

	letter-spacing: 2px;

	padding: 0 0 25px;

}



article span{

	color: var(--primary-color);	

}



.image-ceo{

	text-align: center;

	line-height: 0;

}



.image-ceo .leyenda{

	display: inline-block;

	background-color: var(--primary-color);

	margin-bottom: 20px;

	padding: 10px 50px;

}



.image-ceo .leyenda p{

	text-align: center;

	color: #fff;

	margin: 0;

}



.nota .frase-resaltado{

	position: relative;

	font-size: 25px;

	color: var(--primary-color);

	text-align: center;

	line-height: 1.2em;

	margin: 50px 30px;

	padding: 45px 25px;

}



.nota .frase-resaltado:before{

	content: url('../img/comilla-1.png');

	position: absolute;

	top: 0;

	left: 0;

}



.nota .frase-resaltado:after{

	content: url('../img/comilla-2.png');

	position: absolute;

	bottom: 0;

	right: 0;

}



article .img-banner{

	position: relative;

	display: flex;

	width: 100%;

	height: 400px;

	margin-bottom: 20px;

}



article .img-banner img{

	object-position: center;

	object-fit: cover;

	width: 100%;

}



.texto-columna{

    display: inline-block;

    column-count: 2; 

}



@media (min-width: 631px) and (max-width: 999px){

	.contenido{

		width: 100%;

	}



	.nota{

		column-count: 1;

	}



	article .img-banner{

		height: 27%;

	}



	#grafico img{

		height: 80%;

	}



	.nota h3{

		font-size: 30px;

		padding: 10px;

	}

}



@media only screen and (max-width: 630px){

	.contenido{

		width: 100%;

		flex-direction: column;

		padding-right: 0;

		margin: 0;

		border: 0; 

	}



	.editorial{

		right: 50%;

		transform: translateX(50%);

	}



	article{

		width: 100%;

		padding: 0;

	}



	.nota{

		column-count: 1;

	}



	.nota h3{

		font-size: 25px;

		padding: 20px 0px;

	}



	.menu{

		padding: 0;

		border: 0;

	}



	article .img-banner{

		height: 40%;

	}



	#grafico img{

		height: 70%;

	}



	.fila{

		flex-direction: column;

	}

	

	.menu ul li a,

	.menu ul ul.submenu li a{

	    width: 100%;

	}



	.image-ceo{

		order: 3;

	}

	

	.texto-columna{

	    column-count: 1; 

	}

}