img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sin_boton {
border: 1px solid #000099;
background-color: rgba(1,1,1,0);
}
.math-inline-left {
  display: inline-block;
  width: 100%;
  text-align: left;
}


.sin_boton .btn_expand {
border: 2px solid #000099;
background-color: rgba(1,1,1, 0);
opacity: 1;
}

body.dark .sin_boton {
		border-color: white;
}

.sin_boton2 {
border: 0px; 
background-color: rgba(1,1,1,0);
}

.sin_boton2 .btn_expand {
border: 0px solid #000099;
background-color: rgba(1,1,1, 0);
opacity: 0.1;
}

.sin_boton1 {
border: 1px solid #000099;
background-color: rgba(0,0,0,0);
}

.sin_boton1 .btn_expand {
border: 0px solid #000099;
background-color: rgba(1,1,1, 0);
opacity: 0;
}

.caja1 {
  width: 80%;
  height: 16%;
  margin-left: 10%;
  margin-top:-5px;
  margin-bottom:-5px;
  background-color: #DAF7A6;
  box-shadow: 6px 6px 10px #000;
  border-radius: 6px;
  padding: 10px 10px 1px; 
  border: 2px solid green;
  color: #002BED;
  font-size: 22px;
   }
   
body.dark .caja1 {
	color: #eee;
	background-color: rgba(25, 80, 32, 0.8);
}   
   
.caja2 {
	margin: 25px 6px 10px 6px;
	background-color: rgba(29, 206, 249, 0.2);
	padding: 10px 15px 10px 15px;
	border: 2px solid rgba(29, 206, 249);
border-radius: 12px;
text-align: center;
}

.toc_link{
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-weight: 100;
}

.caja3 {
  height: auto;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-left: -5%;
  margin-right: -5%;
  border-radius: 6px;
  padding: 10px 10px 1px; 
  border: 2px solid black;
  font-size: 19px;
   }
   
body.dark .caja3 {
	color: #eef;
	background-color: rgba(25, 80, 32, 0.8);
	border-color: white;
}   

.caja4 {
  height: auto;
  margin-top:-5px;
  margin-bottom:-5px;
  border-radius: 6px;
  padding: 10px 13px 1px; 
  border: 2px solid black;
  font-size: 19px;
   }
   
body.dark .caja4 {
	color: #eef;
	background-color: rgba(25, 80, 32, 0.8);
	border-color: white;
}   
   
 .caja5 {
   height: auto;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:-5px;
  background-color: rgba(0, 255, 255, 0.1);
  box-shadow: 6px 6px 6px #000;
  border-radius: 30px;
  padding: 35px 30px 0px; 
  border: 2px solid blue;
  color: #000000;
  font-size: 21px;
   } 
   
   body.dark .caja5 {
	color: #eee;
	background-color: rgba(25, 80, 32, 0.8);
	border: 2px solid white;
}   
   
.flota_d {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 3px;
	width: 50%;
	
}

.flota_d figcaption {
	text-align: center;
	color: var(--text-color);
	margin-bottom: 0;
}

.flota_i {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 3px;
	width: 50%;
	
}

.flota_i figcaption {
	text-align: center;
	color: var(--text-color);
	margin-bottom: 0;
}

li {
	margin-left: -25px;
	
}

table, th, td {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle; 
}	

th {
	background-color: rgba(191, 248, 255, 0.9)
}


tr:nth-child(odd) {
	background-color: rgba(191, 248, 255, 0.2)
}
	

body.dark th {
	color: #eef;
	background-color: rgba(25, 80, 32, 0.8);
}   

.titulo4 {
color:#000099;	
padding: 0;	
margin: 0 0 10px 0;
font-size: 110%;	
}

body.dark .titulo4 {
	color: #4fb8fe;
} 

.flota_d1 {
	float: right;
	margin: 15px 0px 0px 10px;
	padding: 3px;
	width: 50%;
}

.sin_boton3 {
border: 0px; 
background-color: rgba(255,255,255, 0);
--interactive-margin: -20px;
}

.sin_boton3 .btn_expand {
border: 0px;
background-color: rgba(255,255,255, 0);
opacity: 0;
}

.hspela {
	text-align: center;
    margin: 0 0 0.7em 0;	
	color: #000099;
	font-size:125%;
	font-weight: bold;
}
body.dark .hspela {
	color: #4fb8fe;
} 