body { font-family:Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:1.2em; }
h2 { font-size:1.1em; }
img { vertical-align:middle; }
a img { border:0; }
.footer { font-size:0.9em;  }
.footer p { margin:0.2em 1ex; }
.notaPie { width:80vw; }

.columnCap { width:133px; height:83px; display:block; position:absolute; z-index:5; }
#columnBody { background-repeat:repeat-y; height:360px; }
#columnCont { position:relative; height:360px; width:85px; left:22px; }
#columnCont div { position:absolute; }
#columnCont div.molec { z-index:3; box-shadow: 0 0 1px 1px var(--box-shadow-color); }
#columnRunBtn { font-size:1em; }


#chromatoCont #tit { padding-bottom:0.2em; }
#chromatoCont #outBox { display:table; position:relative; height:110px; font-size:0.85em; color:#BF9000; }
#chromatoCont #yAxis { 
  display:table-cell; 
  position:absolute; z-index:4; 
  bottom:50px;
	width:1.5em; 
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
	font-weight:bold;
}
#chromatoCont #yAxis2 { 
  display:table-cell; 
  z-index:4;
  vertical-align:middle;
	padding:0 0.3em 20px 0.3em;
	font-weight:bold;
}
#chromatoCont #inBox { display:table-cell; padding-left:1.7em; }
#chromatoCont #chromatogram { 
  border:1px solid gray;
  background-color: #FFFCF0; /*#FFF8E0; */
  background-image: linear-gradient(90deg, transparent 7px, #FFE3BE 1px), linear-gradient(#FFE3BE 1px, transparent 1px); /* #DEF */
  background-size: 7px 7px;
}
#chromatoCont #xAxis { text-align:center; }

.jeringa {
	position:absolute; 
	top:120px; 
	transition: top 0.8s, left 0.8s;
}
.jeringa img { width:40px; cursor:pointer; }
#inputValve { position:absolute; top:0; left:11px; }
#wheel { position:absolute; right:5px; width:32px; }

#divLab { float:right; position:relative; }

#razonaPorcent , #razonaCarga {
	border: 2px dashed #0099EE;
	border-radius: 1em;
	padding:0.4em;
	width:60em;
}
#razonaPorcent table { border-collapse:collapse; }
#razonaPorcent td { text-align:center; padding:0 0.5em; }
#ejemploPorcent { display:table; }