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

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

.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(255,255,255, 0);
--interactive-margin: -20px;
}

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

.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: 90%;
  height: 38%;
  margin-left: 5%;
  margin-top: 0px;
  margin-bottom:-5px;
  background-color: rgba(0, 255, 255, 0.1);
  box-shadow: 6px 6px 6px #000;
  border-radius: 6px;
  padding: 10px 10px 1px; 
  border: 2px solid blue;
  color: #000000;
  font-size: 19px;
   }
   
body.dark .caja1 {
	color: #eee;
	background-color: rgba(25, 80, 32, 0.8);
	border: 2px solid white;
}  

  .caja_1 {
  width: 90%;
  height: 58%;
  margin-left: 5%;
  margin-top: 0px;
  margin-bottom:-5px;
  background-color: rgba(0, 255, 255, 0.1);
  box-shadow: 6px 6px 6px #000;
  border-radius: 6px;
  padding: 10px 10px 1px; 
  border: 2px solid blue;
  color: #000000;
  font-size: 19px;
   } 
   
   body.dark .caja_1 {
	color: #eee;
	background-color: rgba(25, 80, 32, 0.8);
	border: 2px solid white;
}
   
.caja2 {
	margin: 25px 6px 10px 6px;
	background-color: rgba(255, 222, 102, 0.4);
	padding: 10px 15px 10px 15px;
	border: 2px solid rgba(255, 200, 0);
border-radius: 12px;
box-shadow: 3px 3px 5px #000;
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;
}   
   
   
   
.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%;
}
.hspela {
	text-align: center;
    margin: 0 0 0.7em 0;	
	color: #000099;
	font-size:125%;
	font-weight: bold;
}
body.dark .hspela {
	color: #4fb8fe;
} 


@counter-style my-new-list-style {
  system: extends lower-alpha;
  suffix: ') ';
}

.container ol {
  list-style: my-new-list-style;
}

.caja5 {
  margin-bottom: 30px;
  background-color: rgba(0, 255, 255, 0.1);
  box-shadow: 4px 4px 4px #000;
  border-radius: 10px;
  padding: 1em; 
  border: 2px solid blue;
  color: #000000;
  font-size: 20px;
  text-align: justify;
  line-height:130%
   }
   
body.dark .caja5 {
	color: #eee;
	background-color: rgba(255, 222, 102, 0.4);
	border: 2px solid white;
}  

.foto1{
position:absolute;
left:0px; 
top:0px;
height:825px;
width:1280px;
background-size:1280px 825px;
background-position:0px 0px;
padding:10px;
}

.foto2{
position:absolute;
left:-640px; 
top:0px;
height:825px;
width:1280px;
background-size:1280px 825px;
background-position:0px 0px;
padding:10px;
}

.pageref_prefix{
color: #023400;	
}