html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
#divSuperior{
	position: fixed;
	width: 100%;
	padding: 0px;
}

#cabecera{
  background-color:   #8f9eae ;
  clear:both;
  width: 100%;
  height: 95px;
  padding: 5px;
  padding-left: 20px;
  border-radius: 10px; 
}
#cabecera .fotocabecera{
	float: left;
	width: 31%;
	border-radius: 5px;
	padding-left: 10px;

}
#cabecera .logocabecera{
	padding-top:5px;
	border-radius: 5px;
	float: right;
	padding-right: 10px;
	width: 9%;
}
#cabecera .autor{
	padding-top:0px;
	border-radius: 5px;
	float: left;
	padding-left: 5px;
	width: 60%;
}
#principal{
	float: left;
	width: 100%;
	background-color: #e6f2ff;
	padding: 20px;
	padding-top: 130px;
	border-radius: 10px;
	border: 10px; 
	margin: 5px;
}

#principal2{
	float: left;
	width: 100%;
	background-color: #e6f2ff;
	padding: 20px;
	padding-top: 210px;
	border-radius: 10px;
	border: 10px; 
	margin: 5px;
}

#navPrincipal{
width: 100%;
	background-color: #99c2ff;
	padding: 5px;
	padding-left: 20px;
	border-radius: 10px; 	
}
#navSecundaria{
	width: 100%;
		background-color: #99d1ff;
		padding: 5px;
		padding-left: 20px;
		border-radius: 10px; 	
	}
#pie{

	font-size: 80%;
	width: 95%;
	background-color: #e6ffff;
	padding: 5px;
	border-radius: 10px; 	
}
#izquierda{
	float: left;
	width: 60%;
	padding: 0px;
}
#derecha{
	float: left;
	width: 40%;
	padding-left: 4px;
	align-content: center;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 90%;
}
#balance{
	display: table;
}
#fila{
	display: table-row;
}
#izquierda_celda{
	float: left;
	width: 60%;
	padding: 0px;
	display: table-cell;
}
#derecha_celda{
	float: left;
	width: 40%;
	padding-left: 4px;
	align-content: center;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 90%;
	display: table-cell;
}

#tablast{
	width: 100%;
}
#th1{
	width: 60%;
}
#th2{
	width: 40%;
}

/* Declaracion para la barra de navegacion vertical fija */

.fade-enter-active, .fade-leave-active {
	transition-property: opacity;
	transition-duration: .25s;
  }
  
  .fade-enter-active {
	transition-delay: .25s;
  }
  
  .fade-enter, .fade-leave-active {
	opacity: 0
  }

  polygon {
    fill: #42b983;
    opacity: .55;
}