header{ background:lightseagreen}
h2{ text-align: center;}
h4{margin-top: 0.1em; margin-bottom: 0.1em;}
p{margin-top: 0em; margin-bottom: 0em;}

/*Para página HTML5*/
.HTML_Sec_Nivel1{margin-left: 5%; margin-right: 60%;border-style: dashed; border-color: lightsteelblue;background-color: lightyellow;}
.HTML_Sec_NivelX{margin-left: 2%; margin-right: 1%;border-style: dashed; border-color: lightsteelblue;}
.HTML_Sec_Nivel2{background-color: lightgreen}
.HTML_Sec_Nivel3{background-color: pink}
.HTML_Sec_Nivel4{background-color: lightblue}
.HTML_Sec_Nivel5{background-color:lightcyan}
.HTML_Org_Tag{margin-left: 10px;}
.HTML_Org_Comm{margin-left: 30px; color: grey;}

/*Para página CSS20*/
.CSS_4060_Col1{width: 20%}
.CSS_4060_Col2{width: 90%}
.CSS_4060_Col2_Item{font-size: 70%;}
.CSS_Tag{font-style: italic; font-weight: bold ; color: blue}
.CSS_TxtComun{font-weight:normal; font-style: italic; font-style: ;}
.CSS_Marg_Gr{background-color: lightgreen; color:grey; font-size:70%; padding-bottom: 2%; min-width:150px;}
.CSS_Marg_Bo{background-color: black; color:gray; text-align: right; margin: 0% 6% 0% 6%; padding: 0% 3% 3%; min-width:120px;}
.CSS_Marg_Me{background-color: pink; color:gray; padding: 6% 6% 0% 6%; min-width:100px}
.CSS_Marg_Ch{background-color: lightblue; color:black; font-size:200%; margin: 6% 6% 0% 6%; padding: 0%; text-align: center; min-width:80px}
.CSS_AnchoPadding{margin-left: 10%; width: 4%; vertical-align: middle;}
.CSS_1{background-color: blue;}
.CSS_2{background-color: red;}

/*Para página CSS30 y CSS33*/
.DescripcionP{display: flex; justify-content:space-between}
.frame{display: flex; min-height: 100px; margin:10px;}
.frame2{display: flex; min-height: 100px; margin:10px;}
.frameComm{display: flex; min-height: 20px; margin:10px; font-size: 70%;}
.scr{border: gray solid thin; }
.sp1{justify-content:flex-start; align-items:flex-start;}
.sp2{justify-content:flex-end; align-items:center;}
.sp3{justify-content:space-between; align-items:flex-end;}
.sp4{justify-content:space-around; align-items:baseline;}
.sp5{justify-content:space-evenly; align-items:stretch;}
.sp4 div:nth-child(1){font-size: 50%;}
.sp4 div:nth-child(2){font-size: 250%;}
.sp11{justify-content:flex-start; align-items:flex-start;flex-direction: row;}
.sp12{justify-content:flex-start; align-items:flex-start;flex-direction: row-reverse;}
.sp13{justify-content:flex-start; align-items:flex-start;flex-direction: column;}
.sp14{justify-content:flex-start; align-items:flex-start;flex-direction: column-reverse;}
.sp14{justify-content:flex-start; align-items:flex-start;flex-direction: row;flex-wrap: wrap;}
.box{width: 10%; min-width: 30px; text-align: center; border: dashed black; margin:5px; padding: 5px 0px;}
.box2{min-width: 100px; text-align: center; border: dashed black; margin:5px; padding: 5px 0px;}
.linea{width: 10%; font-size: 100%; text-align: center; border-top: dotted gray; margin:2px; padding: 0px; height: 20px;}
.espacio{width: 10%; margin:5px;}
.f1,.f2,.f3,.f4,.f5{background-color: rgb(153, 153, 221);}
.f6{background-color: rgb(153, 153, 221);align-self: flex-end;}
.c1,.c2,.c3{color: black;}
.ColP{display:flex; justify-content:space-between; align-items:flex-start; background-color: rgb(195, 250, 250); padding: 5px;}
.Col01{width: 40%; padding: 0%;background-color: white}
.Col02{width: 60%; padding: 0%;background-color: white}
.SeparadorH{background-color: rgb(195, 250, 250); margin-top:5px;height: 5px;}
.SeparadorV{width: 5px; }