body {
  margin: 5px;
  text-align: left;
  background-color: ghostwhite;
  color: black;
  overflow-y: scroll;
  margin: 0px;
  background-image: url('FondoOriente2.gif');
}

.encabezado {
  width: 100%;
  height: 77px;
  background-color: lavender;
  background-image: url('banner3.png');
}

.encabezado-sup {
  width: 99.5%;
  padding-left: 0.5%;
  padding-top: 2px;
  height: 18px;
  background-color:;
  font-weight: 400;
  font-family: 'Arial';
  font-size: 14px;
  border-bottom: solid 1px #c4c4f9;
}

.lateral {
  float: left;
  width: calc(300px - 0px);
  padding-left: 0px;
  margin-bottom: 30px;
  background-color:;
  font-weight: 400;
  font-family: 'Arial';
  font-size: 14px;
  text-align: left;
  border-right: solid 0px mediumslateblue;
}

#arial {
  font-weight: 400;
  font-family: 'Arial';
  font-size: 14px;
}

.principal {
  float: left;
  min-height: calc(100vh - 77px - 0px);
  width: calc(100% - 300px);
  text-align: center;
  padding-top: 0px;
}

.principa2 {
  float: left;
  min-height: calc(100vh - 77px - 0px);
  width: calc(100% - 100px - 100px);
  text-align: left;
  padding-top: 0px;
  font-weight: 400;
  font-family: 'Arial';
  font-size: 16px;
  padding-left: 100px;
  padding-right: 100px;
}

.principa3 {
  float: left;
  min-height: calc(100vh - 77px - 0px);
  width: calc(100% - 15px - 15px);
  text-align: left;
  padding-top: 0px;
  font-weight: 400;
  font-family: 'Arial';
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
}

.dedo {
  cursor: pointer;
}

.dedo:hover {
  color: limegreen;
}

h2 {
}



a:link {
  color: mediumslateblue;
}

a:visited {
  color: mediumslateblue;
}

a:hover {
  color: indigo;
}

a:active {
  color: red;
}




#enlace-alto:link {
  color: mediumslateblue;
}

#enlace-alto:visited {
  color: mediumslateblue;
}

#enlace-alto:hover {
  color: indigo;
}

#enlace-alto:active {
  color: red;
}




#e-amarillo:link {
  color: coral;
}

#e-amarillo:visited {
  color: coral;
}

#e-amarillo:hover {
  color: indigo;
}

#e-amarillo:active {
  color: red;
}




#e-verde:link {
  color: green;
}

#e-verde:visited {
  color: green;
}

#e-verde:hover {
  color: indigo;
}

#e-verde:active {
  color: red;
}




#e-rojo:link {
  color: red;
}

#e-rojo:visited {
  color: red;
}

#e-rojo:hover {
  color: indigo;
}

#e-rojo:active {
  color: red;
}




#e-gris:link {
  color: DarkOrchid;
}

#e-gris:visited {
  color: DarkOrchid;
}

#e-gris:hover {
  color: indigo;
}

#e-gris:active {
  color: red;
}




#e-mis:link {
  color: Darkred;
}

#e-mis:visited {
  color: Darkred;
}

#e-mis:hover {
  color: indigo;
}

#e-mis:active {
  color: red;
}









#secreto:link {
  color: black;
  text-decoration: none;
  cursor: help;
}

#secreto:visited {
  color: black;
  text-decoration: none;
  cursor: help;
}

#secreto:hover {
  color: black;
  text-decoration: none;
  cursor: help;
}

#secreto:active {
  color: black;
  text-decoration: none;
  cursor: help;
}



td {
  padding: 10px;
}

#tede {
  padding: 2px;
  border: ridge;
}

#tede2 {
  padding: 2px;
  border: ;
}

.content4 {
	
	width: 80%;
	float: left;
	background-color:;
}
#detalles-pr {
background-color: lavender;
					float: left;
					padding: 0px;
					margin-bottom: 15px;
					border-radius: 5px;
					margin-top: 0px;
					margin-left: 5%;
					resize: both;
					overflow: auto;
					margin-right: 5%;
					text-align: left;
}

summary {
		cursor: help;

}

#sumario {
		padding-left: 5px;
		padding-right: 5px;
		background-color:;
		border-radius: 5px;
		height: 50px;
		display: inline-block;
}

#divo {
height: 50px; padding-right: 20px;
}

#imgo {
width: 34px; height: 34px; margin-top: 10px; margin-left: 6px; float: left;
}

#divodivo {
float: left; padding-left: 15px; padding-top: 4px;
}

#parr {
	padding-left: 20px; padding-right: 20px;
}

.tag {
	cursor: pointer;
}

.tag.selected {
	color: red;
	transition: color 0.3s;
}