* {
  box-sizing: border-box;
}
.encabezado {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	font-family: arial;
	font-size: 16pt;
}
.encabezado > div {
	padding-left: 20px;
}
.encabezado a {
	color:  #E8E2F0;
	text-decoration: none;
	padding-left:20px;
}
[class*="col-"] {
  float: left;
  padding: 5px;
  /*border: 1px solid red;*/
}
.navegacion {
	position: sticky;
	top: 0;
	width: 100%;
	display:flex;
	flex-direction:row;
	align-items: center;
	font-family: helvetica;
	/*border: 1px solid red;*/
	background-color: #F2F2F2;
}
.navegacion p {
	font-size: 12pt;
	padding-left: 10px;
	padding-right: 30px;
	
}
.navegacion a {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	color: #262627;
	display: block;
}

/* Columnas */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/* Media */
@media screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .encabezado {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	font-family: arial;
	font-size: 12pt;
   }
  .navegacion  p {
  	font-size: 9pt;
	padding-left: 10px;
	padding-right: 10px;
  }
  .navegacion  a {
  	font-size: 9pt;
  }
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
.row2::after {
  content: "";
  clear: both;
  display: flex;
  flex-direction: row;
  align-items: center; /*Alinear los elementos verticalmente*/
}
/* Barra Lateral */
.lateral {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: helvetica;
	font-size: 11pt;
	background-color: #F2F2F2;
	text-align: justify;
	color: #262627;
}
.lateral p {
	padding-left: 10px;
	padding-right: 10px;
}
.lateral a {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	color: #262627;
	display: block;
}
/*Contenido*/
.contenido {
	overflow: scroll;
	font-family: helvetica;
	font-size: 13pt;
}
.contenido img {
  max-width: 100%;
  height: auto;
}
.img_esc2 {
	display:flex;
	flex-direction:column; 
	align-items:center;
	padding-left: 10px;
	padding-right: 10px;
}
.img_esc2:hover {
	transform: scale(1.4);
	padding-right: 10px;
}