@import url(common.css);

.boxLipidos{
	position: absolute;
	border-width:5px;
	border-radius:10px;
	border-color: #bfbfbf; 
	border-style: solid;
	font-size: 24px;
	text-align: center;
	padding:5px;
}


#bl1{
	color: #bfbfbf;
	padding: 20px 30px;
	font-size: 36px;
	border-radius:0;
	top: 30px;
	left: 490px;
}
#bl2{top: 300px;left: 50px;}
#bl3{top:470px;left:260px;}
#bl4{background: #ffcd1d;top: 300px;left:490px;}
#bl5{top:470px;left: 680px;}
#bl6{top: 300px;left:900px;}

#bl2:after{
	content: " ";
  height: 24px;
  width: 21px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: left;
  position: relative;
  top: -120px;
  left: 100px;
}

#bl3:after{
	content: " ";
  height: 24px;
  width: 21px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: left;
  position: relative;
  top: -62px;
  left: 108px;
}

#bl4:after{
	content: " ";
  height: 24px;
  width: 21px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: left;
  position: relative;
  top: -120px;
  left: 100px;
}

#bl5:after{
	content: " ";
  height: 24px;
  width: 21px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: left;
  position: relative;
  top: -62px;
  left: 119px;
}

#bl6:after{
	content: " ";
  height: 24px;
  width: 21px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: left;
  position: relative;
  top: -62px;
  left: 100px;
}



.btnboxLipidos{
	position: absolute;
	z-index: 1;
}

#btnbl1{top: 240px; left: 150px;}
#btnbl2{top: 410px; left: 370px;}
#btnbl3{top:240px; left: 590px;}
#btnbl4{top:410px; left: 800px;}
#btnbl5{top:240px; left: 1000px;}

.lnboxLipidos{
	position: absolute;
}

#lnbl1{top: 120px;left: 606px;}
#lnbl2{top:160px;left: 169px;}
#lnbl3{top:171px;left:168px;}
#lnbl4{top: 171px;left: 387px;}
#lnbl5{top: 171px; left: 817px;}
#lnbl6{top:171px;left: 1018px;}


#lnbl1 img{
	height: 130px;
  	width: 5px;
}

#lnbl2 img{
	width: 855px;
  	height: 5px;
}

#lnbl3 img{
	height: 107px;
	width: 5px;
}

#lnbl4 img, #lnbl5 img{
	height: 270px;
	width: 5px;
}

#lnbl6 img{
	height: 107px;
	width: 5px;
}

.boxOxidacion{
	position: absolute;
	border-width:5px;
	border-radius:10px;
	border-color: #bfbfbf; 
	border-style: solid;
	font-size: 24px;
	text-align: center;
	padding:5px;
}

#bo1{
	color: #bfbfbf;
	padding: 20px 30px;
	font-size: 36px;
	border-radius:0;
	top:30px;
	left: 230px;
}
#bo2{top: 230px; left: 120px;}
#bo3{top: 230px; left: 640px;}
#bo4{background: #ffcd1d;top: 400px;left: 370px;}

.lnboxOxidacion{
	position: absolute;
}

#lnbo1{top: 70px; left: 1025px}
#lnbo1 img{height: 390px;}
#lnbo2{top: 70px; left: 165px;}
#lnbo2 img{width: 70px; height: 120px;}
#lnbo3{top: 175px;  left: 192px;}

.btnboxOxidacion{position: absolute;}

#btnbo1{top: 432px;  left: 1003px;}
#btnbo2{top: 166px;  left: 155px;}
#btnbo3{top: 166px; left: 680px;}

#bo2:after{
	content: " ";
  height: 26px;
  width: 25px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 25px solid #bfbfbf;
  float: left;
  position: relative;
  top: -122px;
  left: 31px;

}

#bo3:after{
	content: " ";
  height: 26px;
  width: 25px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 25px solid #bfbfbf;
  float: left;
  position: relative;
  top: -122px;
  left: 38px;

}

#bo4:after{
	content: " ";
  height: 26px;
  width: 25px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 25px solid #bfbfbf;
  float: left;
  position: relative;
  top: -30px;
  left: 597px;

}


.procesos th
{
  background: #bbe0e3;
  text-align: center;
}

.procesos td textarea
{
  margin: 10px;
  width: 580px;
  height: 70px;
}

.procesos{
  border: 2px solid #fff;
}

.procesos th
{
  padding: 20px 0;
}

.procesos td, .procesos th
{
 border: 2px solid #fff; 
}

.procesos tbody tr:first-child, .procesos tbody tr:last-child
{
  background:#e7f3f4;
}

.procesos tbody tr{
  background: #f3f9fa;
}

.procesos td{
	font-size: 24px;
	padding: 6px 0 6px 6px;
}
